137. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2024-03-04 14:38:50 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

137.1 Files compared

#LocationFileLast Modified
1/Users/coca/Documents/www/Porto v4.0.2/Theme Files/Magento 2.x/Porto Theme v4.0.7/app/design/frontend/Smartwave/porto/Magento_Catalog/web/css/source/module_listings.less2023-06-19 11:53:29 +0000
2/Users/coca/Documents/www/Porto v4.0.2/Theme Files/Magento 2.x/Porto Theme v4.0.8/app/design/frontend/Smartwave/porto/Magento_Catalog/web/css/source/module_listings.less2024-03-02 11:10:03 +0000

137.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged112994
Changed31287
Inserted6111
Removed11

137.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

137.4 Active regular expressions

No regular expressions were active.

137.5 Comparison detail

1 // /** 1 // /**
2 //  * Copyright © 2015 Magento. All rights reserved. 2 //  * Copyright © 2015 Magento. All rights reserved.
3 //  * See COPYING.txt for license details. 3 //  * See COPYING.txt for license details.
4 //  */ 4 //  */
5  5 
6 // 6 //
7 //  Variables 7 //  Variables
8 //  --------------------------------------------- 8 //  ---------------------------------------------
9  9 
10 @product-name-link__color: @text__color; 10 @product-name-link__color: @text__color;
11 @product-name-link__color__active: @text__color; 11 @product-name-link__color__active: @text__color;
12 @product-name-link__color__hover: @text__color; 12 @product-name-link__color__hover: @text__color;
13 @product-name-link__color__visited: @text__color; 13 @product-name-link__color__visited: @text__color;
14  14 
15 @product-name-link__text-decoration: none; 15 @product-name-link__text-decoration: none;
16 @product-name-link__text-decoration__active: @link__hover__text-decoration; 16 @product-name-link__text-decoration__active: @link__hover__text-decoration;
17 @product-name-link__text-decoration__hover: @link__hover__text-decoration; 17 @product-name-link__text-decoration__hover: @link__hover__text-decoration;
18 @product-name-link__text-decoration__visited: @link__hover__text-decoration; 18 @product-name-link__text-decoration__visited: @link__hover__text-decoration;
19  19 
20 // 20 //
21  21 
22 // 22 //
23 //    Common 23 //    Common
24 //-------------------------------------- 24 //--------------------------------------
25  25 
26 & when (@media-common = true) { 26 & when (@media-common = true) {
27  27 
28   .products ul, 28   .products ul,
29   ul.products { 29   ul.products {
30       margin: 0 0 1em; 30       margin: 0 0 1em;
31       padding: 0; 31       padding: 0;
32       list-style: none outside; 32       list-style: none outside;
33  33 
34       li { 34       li {
35           list-style: none outside; 35           list-style: none outside;
36       } 36       }
37   } 37   }
38  38 
39 .products-grid { 39 .products-grid {
40     &:after { 40     &:after {
41         display: table; 41         display: table;
42         content: ""; 42         content: "";
43         clear: both; 43         clear: both;
44     } 44     }
45     .product-item { 45     .product-item {
46         float: left; 46         float: left;
47     } 47     }
48     & { 48     & {
49         .product-item { 49         .product-item {
50             width: 100%/2; 50             width: 100%/2;
51             &.nth-child-2np1 { 51             &.nth-child-2np1 {
52                 clear: left; 52                 clear: left;
53             } 53             }
54         } 54         }
55     } 55     }
56 } 56 }
57 .products-grid.divider-line { 57 .products-grid.divider-line {
58   margin-left: 0; 58   margin-left: 0;
59   margin-right: 0; 59   margin-right: 0;
60   .product-items {display: flex;flex-wrap: wrap;} 60   .product-items {display: flex;flex-wrap: wrap;}
61   .product-item { 61   .product-item {
62       border-left: 1px solid rgba(0,0,0,.09); 62       border-left: 1px solid rgba(0,0,0,.09);
63       margin-bottom: 0; 63       margin-bottom: 0;
64       display: flex; 64       display: flex;
65       padding: 0; 65       padding: 0;
66       &.nth-child-2np1 { 66       &.nth-child-2np1 {
67           border-left-color: transparent; 67           border-left-color: transparent;
68       } 68       }
69       &:nth-child(1), &:nth-child(2) { 69       &:nth-child(1), &:nth-child(2) {
70           .product-item-info { 70           .product-item-info {
71               border-top-color: transparent; 71               border-top-color: transparent;
72           } 72           }
73       } 73       }
74       &:hover { 74       &:hover {
75         z-index: 2; 75         z-index: 2;
76       } 76       }
77   } 77   }
78   .product-item-info { 78   .product-item-info {
79       border-top: 1px solid rgba(0,0,0,.09); 79       border-top: 1px solid rgba(0,0,0,.09);
80       padding-top: 50px; 80       padding-top: 50px;
81       padding-bottom: 0; 81       padding-bottom: 0;
82       transition: all 0.3s; 82       transition: all 0.3s;
83       margin-top: -1px; 83       margin-top: -1px;
84       position: relative; 84       position: relative;
85       .product-item-inner { 85       .product-item-inner {
86           visibility: hidden; 86           visibility: hidden;
87           opacity: 0; 87           opacity: 0;
88           margin: 0 -50px -10px; 88           margin: 0 -50px -10px;
89           transition: all .3s; 89           transition: all .3s;
90       } 90       }
91       .product-item-actions { 91       .product-item-actions {
92           margin-bottom: 0; 92           margin-bottom: 0;
93       } 93       }
94       &:hover { 94       &:hover {
95           background-color: #fff; 95           background-color: #fff;
96           border-top-color: rgba(0,0,0,.09); 96           border-top-color: rgba(0,0,0,.09);
97           border-bottom-color: rgba(0,0,0,.09); 97           border-bottom-color: rgba(0,0,0,.09);
98           box-shadow: 0 25px 35px -5px rgba(0,0,0,.1); 98           box-shadow: 0 25px 35px -5px rgba(0,0,0,.1);
99           padding-top: 10px; 99           padding-top: 10px;
100           padding-bottom: 40px; 100           padding-bottom: 40px;
101           .product-item-inner { 101           .product-item-inner {
102               visibility: visible; 102               visibility: visible;
103               opacity: 1; 103               opacity: 1;
104           } 104           }
105       } 105       }
106   } 106   }
107 } 107 }
108 // Product Lists 108 // Product Lists
109 .products { 109 .products {
110   margin-left: -10px; 110   margin-left: -10px;
111   margin-right: -10px; 111   margin-right: -10px;
112   .product-item { 112   .product-item {
113     padding-left: 10px; 113     padding-left: 10px;
114     padding-right: 10px; 114     padding-right: 10px;
115     margin-bottom: 1.4286em; 115     margin-bottom: 1.4286em;
116     position: relative; 116     position: relative;
117   } 117   }
118 } 118 }
119 .product { 119 .product {
120     &-items { 120     &-items {
121         &:extend(.abs-reset-list all); 121         &:extend(.abs-reset-list all);
122     } 122     }
123     &-item { 123     &-item {
124         vertical-align: top; 124         vertical-align: top;
125         &:extend(.abs-add-box-sizing all); 125         &:extend(.abs-add-box-sizing all);
126         &-name { 126         &-name {
127             font-size: 1em; 127             font-size: 1em;
128             white-space:nowrap; 128             white-space:nowrap;
129             overflow:hidden; 129             overflow:hidden;
130             text-overflow:ellipsis; 130             text-overflow:ellipsis;
131             display: block; 131             display: block;
132             a { 132             a {
133               font-size: .9375rem; 133               font-size: .9375rem;
134               font-weight: 400; 134               font-weight: 400;
135               line-height: 1.35; 135               line-height: 1.35;
136               letter-spacing: -.01em; 136               letter-spacing: -.01em;
137               margin-bottom: .45rem; 137               margin-bottom: .45rem;
138               white-space: nowrap; 138               white-space: nowrap;
139               overflow: hidden; 139               overflow: hidden;
140               text-overflow: ellipsis; 140               text-overflow: ellipsis;
141               color: #222529; 141               color: #222529;
142               display: block; 142               display: block;
143             } 143             }
144         } 144         }
145         &-info { 145         &-info {
146             width: 100%; 146             width: 100%;
147             max-width: 100%; 147             max-width: 100%;
148             text-align: center; 148             text-align: center;
149         } 149         }
150         &-photo { 150         &-photo {
151           margin-bottom: 1rem; 151           margin-bottom: 1rem;
152           min-height: 90px; 152           min-height: 90px;
153           font-size: 1em; 153           font-size: 1em;
154           display: block; 154           display: block;
155           position: relative; 155           position: relative;
156           padding: 0; 156           padding: 0;
157           img {display: block;} 157           img {display: block;}
158             .product-item-inner { 158             .product-item-inner {
159                 height: 0; 159                 height: 0;
160                 .product-item-actions { 160                 .product-item-actions {
161                   display: block; 161                   display: block;
162                     > .action { 162                     > .action {
163                         background-color: #fff; 163                         background-color: #fff;
164                     } 164                     }
165                     > .actions-primary { 165                     > .actions-primary {
166                         display: inline-block; 166                         display: inline-block;
167                         .tocart { 167                         .tocart {
168                             width: 32px; 168                             width: 32px;
169                             padding: 0; 169                             padding: 0;
170                             &:before { 170                             &:before {
171                               margin-right: 0; 171                               margin-right: 0;
172                             } 172                             }
173                             span { 173                             span {
174                               display: none; 174                               display: none;
175                             } 175                             }
176                         } 176                         }
177                     } 177                     }
178                 } 178                 }
179             } 179             }
180             &:hover .product-item-inner { 180             &:hover .product-item-inner {
181                 visibility: visible; 181                 visibility: visible;
182                 opacity: 1; 182                 opacity: 1;
183             } 183             }
184             &:hover { 184             &:hover:not(.porto-tb-featured-image) {
185               box-shadow: 0 25px 35px -5px rgba(0,0,0,.1); 185               box-shadow: 0 25px 35px -5px rgba(0,0,0,.1);
186             } 186             }
187         } 187         }
188         &-actions { 188         &-actions {
189             .actions-secondary { 189             .actions-secondary {
190                 &.action { 190                 &.action {
191                     width: 36px; 191                     width: 36px;
192                     height: 36px; 192                     height: 36px;
193                     line-height: 34px; 193                     line-height: 34px;
194                     letter-spacing: normal; 194                     letter-spacing: normal;
195                     border-radius: 0; 195                     border-radius: 0;
196                     position: relative; 196                     position: relative;
197                     &:before { 197                     &:before {
198                         margin: 0; 198                         margin: 0;
199                         position: absolute; 199                         position: absolute;
200                         left: 0; 200                         left: 0;
201                         right: 0; 201                         right: 0;
202                         top: 0; 202                         top: 0;
203                         font-size: 1rem; 203                         font-size: 1rem;
204                     } 204                     }
205                     span { 205                     span {
206                         &:extend(.abs-visually-hidden all); 206                         &:extend(.abs-visually-hidden all);
207                     } 207                     }
208                 } 208                 }
209             } 209             }
210             .action.towishlist { 210             .action.towishlist {
211                 border-color: #ddd; 211                 border-color: #ddd;
212                 color: #333; 212                 color: #333;
213                 background-color: #fff; 213                 background-color: #fff;
214                 > span { 214                 > span {
215                     display: none; 215                     display: none;
216                 } 216                 }
217             } 217             }
218             .action.tocompare { 218             .action.tocompare {
219                 border-color: #ddd; 219                 border-color: #ddd;
220                 color: #333; 220                 color: #333;
221                 background-color: #fff; 221                 background-color: #fff;
222                 > span { 222                 > span {
223                     display: none; 223                     display: none;
224                 } 224                 }
225             } 225             }
226         } 226         }
227         &-description { 227         &-description {
228             margin: 10px 0; 228             margin: 10px 0;
229         } 229         }
230         &-details {position: relative;} 230         &-details {position: relative;}
231         .product-reviews-summary { 231         .product-reviews-summary {
232             .reviews-actions { 232             .reviews-actions {
233                 display: none; 233                 display: none;
234                 text-transform: lowercase; 234                 text-transform: lowercase;
235                 font-size: @font-size__s; 235                 font-size: @font-size__s;
236             } 236             }
237         } 237         }
238         .rating-summary { 238         .rating-summary {
239             .lib-rating-summary( 239             .lib-rating-summary(
240                 @_icon-font-size: 12px, 240                 @_icon-font-size: 12px,
241                 @_icon-letter-spacing: 3px, 241                 @_icon-letter-spacing: 3px,
242                 @_label-hide: true 242                 @_label-hide: true
243             ); 243             );
244         } 244         }
245         .price-box { 245         .price-box {
246             .price-label { 246             .price-label {
247                 font-size: 12px; 247                 font-size: 12px;
248                 .lib-css(color, @text__color__muted); 248                 .lib-css(color, @text__color__muted);
249                 vertical-align: middle; 249                 vertical-align: middle;
250             } 250             }
251         } 251         }
252         .minimal-price { 252         .minimal-price {
253             .price-container { 253             .price-container {
254                 display: block; 254                 display: block;
255             } 255             }
256         } 256         }
257         .minimal-price-link { 257         .minimal-price-link {
258             margin-top: @indent__xs; 258             margin-top: @indent__xs;
259         } 259         }
260         .price-from, 260         .price-from,
261         .price-to { 261         .price-to {
262             margin: 0; 262             margin: 0;
263         } 263         }
264         .tocompare { 264         .tocompare {
265             .lib-icon-font-symbol( 265             .lib-icon-font-symbol(
266                 @icon-compare-full 266                 @icon-compare-full
267             ); 267             );
268         } 268         }
269         .tocart { 269         .tocart {
270             span {display: inline-block;vertical-align: top;} 270             span {display: inline-block;vertical-align: top;}
271             &:before { 271             &:before {
272                 content: @icon-cart; 272                 content: @icon-cart;
273                 font-family: @icon-font-family; 273                 font-family: @icon-font-family;
274                 margin-right: 5px; 274                 margin-right: 5px;
275                 font-weight: 600; 275                 font-weight: 600;
276                 font-size: .9375rem; 276                 font-size: .9375rem;
277             } 277             }
278         } 278         }
279         .weltpixel-quickview.weltpixel_quickview_button_v2 { 279         .weltpixel-quickview.weltpixel_quickview_button_v2 {
280           padding: 0; 280           padding: 0;
281           bottom: 0; 281           bottom: 0;
282           top: auto; 282           top: auto;
283           left: 0; 283           left: 0;
284           width: 100%; 284           width: 100%;
285           text-indent: 0; 285           text-indent: 0;
286           height: auto; 286           height: auto;
287           border: none; 287           border: none;
288           position: absolute; 288           position: absolute;
289           z-index: 6; 289           z-index: 6;
290           opacity: 0; 290           opacity: 0;
291           visibility: hidden; 291           visibility: hidden;
292           background-color: #08c; 292           background-color: #08c;
293           color: #fff; 293           color: #fff;
294           display: block; 294           display: block;
295           text-transform: uppercase; 295           text-transform: uppercase;
296           font-size: 13px; 296           font-size: 13px;
297           line-height: 34px; 297           line-height: 34px;
298           transition: .25s; 298           transition: .25s;
299           text-align: center; 299           text-align: center;
300           em {display: none;} 300           em {display: none;}
301         } 301         }
302         [class^='swatch-opt-'] { 302         [class^='swatch-opt-'] {
303           padding-bottom: 5px;    
304           display: inline-block; 303           display: inline-block;
305         } 304         }
306         .swatch-attribute { 305         .swatch-attribute {
307           margin-top: -4px; 306           margin-top: -4px;
308           padding-bottom: 5px; 307           padding-bottom: 5px;
309         } 308         }
310     } 309     }
311 } 310 }
312 .product-labels { 311 .product-labels {
313     line-height: 1; 312     line-height: 1;
314     color: #fff; 313     color: #fff;
315     font-weight: 600; 314     font-weight: 600;
316     text-transform: uppercase; 315     text-transform: uppercase;
317     position: absolute; 316     position: absolute;
318     z-index: 2; 317     z-index: 2;
319     top: .8em; 318     top: .8em;
320     font-size: 10px; 319     font-size: 10px;
321     left: .8em; 320     left: .8em;
322     text-align: center; 321     text-align: center;
323     .product-label { 322     .product-label {
324       padding: 5px 11px; 323       padding: 5px 11px;
325       margin-bottom: 5px; 324       margin-bottom: 5px;
326       &.new-label { 325       &.new-label {
327           background-color: #62b959; 326           background-color: #62b959;
328       } 327       }
329       &.sale-label { 328       &.sale-label {
330           background-color: #e27c7c; 329           background-color: #e27c7c;
331       } 330       }
332     } 331     }
333 } 332 }
334 .products-grid { 333 .products-grid {
335   .product-item .box-tocart input.qty { 334   .product-item .box-tocart input.qty {
336       height: 32px; 335       height: 32px;
337       padding: 0 9px; 336       padding: 0 9px;
338   } 337   }
339   .owl-carousel .product-item { 338   .owl-carousel .product-item {
340       width: auto; 339       width: auto;
341       float: none; 340       float: none;
342   } 341   }
343 } 342 }
344 .product-item-info { 343 .product-item-info {
345   .product-reviews-summary { 344   .product-reviews-summary {
346     background: 0 0; 345     background: 0 0;
347     margin: 0 auto .625rem; 346     margin: 0 auto .625rem;
348     height: 1px; 347     height: 1px;
349     position: relative; 348     position: relative;
350     display: table; 349     display: table;
351   } 350   }
352   .product-item-details { 351   .product-item-details {
353       .price-box { 352       .price-box {
354           margin-bottom: 1rem; 353           margin-bottom: 1rem;
355           display: block; 354           display: block;
356           font-size: 1.125rem; 355           font-size: 1.125rem;
357           line-height: 1; 356           line-height: 1;
358           font-weight: 600; 357           font-weight: 600;
359       } 358       }
360       .product-item-actions { 359       .product-item-actions {
361           white-space: nowrap; 360           white-space: nowrap;
362           font-size: 1em; 361           font-size: 1em;
363           margin-bottom: 1.0714em; 362           margin-bottom: 1.0714em;
364           .actions-primary { 363           .actions-primary {
365               display: inline-block; 364               display: inline-block;
366               vertical-align: middle; 365               vertical-align: middle;
367               position: relative; 366               position: relative;
368               z-index: 1; 367               z-index: 1;
369           } 368           }
370           .actions-secondary { 369           .actions-secondary {
371               display: inline-block; 370               display: inline-block;
372               vertical-align: middle; 371               vertical-align: middle;
373               position: relative; 372               position: relative;
374               transition: all 0.3s; 373               transition: all 0.3s;
375               &.towishlist { 374               &.towishlist {
376                   right: -36px; 375                   right: -36px;
377                   visibility: hidden; 376                   visibility: hidden;
378                   opacity: 0; 377                   opacity: 0;
379               } 378               }
380               &.tocompare { 379               &.tocompare {
381                   left: -36px; 380                   left: -36px;
382                   visibility: hidden; 381                   visibility: hidden;
383                   opacity: 0; 382                   opacity: 0;
384               } 383               }
385           } 384           }
386           .tocart { 385           .tocart {
387               border-radius: 0; 386               border-radius: 0;
388               color: #333; 387               color: #333;
389               background-color: #fff; 388               background-color: #fff;
390               border-color: #ddd; 389               border-color: #ddd;
391               line-height: 34px; 390               line-height: 34px;
392               padding: 0 .625rem; 391               padding: 0 .625rem;
393               font-size: .75rem; 392               font-size: .75rem;
394               height: 36px; 393               height: 36px;
395               font-weight: 600; 394               font-weight: 600;
396               text-transform: uppercase; 395               text-transform: uppercase;
397           } 396           }
398       } 397       }
399   } 398   }
400   .weltpixel-quickview.weltpixel_quickview_button_v2 { 399   .weltpixel-quickview.weltpixel_quickview_button_v2 {
401     &:hover { 400     &:hover {
402       opacity: 1; 401       opacity: 1;
403     } 402     }
404   } 403   }
405   &.type1 { 404   &.type1 {
406     .product-item-inner { 405     .product-item-inner {
407       display: flex; 406       display: flex;
408       justify-content: center; 407       justify-content: center;
409     } 408     }
410   } 409   }
411   &.type3,&.type5,&.type6 { 410   &.type3,&.type5,&.type6 {
412     text-align: left; 411     text-align: left;
413     .product.name {padding-right:20px} 412     .product.name {padding-right:20px}
414     .product-reviews-summary { 413     .product-reviews-summary {
415       margin: 0 0 .55rem; 414       margin: 0 0 .55rem;
416       display: table; 415       display: table;
417     } 416     }
418     .product-item-actions { 417     .product-item-actions {
419       .actions-primary .tocart,.tocompare { 418       .actions-primary .tocart,.tocompare {
420         position: absolute; 419         position: absolute;
421         right: 15px; 420         right: 15px;
422         top: 15px; 421         top: 15px;
423         visibility: hidden; 422         visibility: hidden;
424         opacity: 0; 423         opacity: 0;
425         color: #333; 424         color: #333;
426         border: 1px solid #ddd; 425         border: 1px solid #ddd;
427         border-radius: 30px; 426         border-radius: 30px;
428         background-color: #fff; 427         background-color: #fff;
429         width: 36px; 428         width: 36px;
430         height: 36px; 429         height: 36px;
431         line-height: 34px; 430         line-height: 34px;
432         z-index: 3; 431         z-index: 3;
433         transition: .25s; 432         transition: .25s;
434         &::before { 433         &::before {
435           font-weight: 600; 434           font-weight: 600;
436           font-size: .9375rem; 435           font-size: .9375rem;
437           display: block; 436           display: block;
438         } 437         }
439         &:hover { 438         &:hover {
440           color: #fff; 439           color: #fff;
441         } 440         }
442       } 441       }
443       .actions-primary .tocart { 442       .actions-primary .tocart {
444         right: 56px; 443         right: 56px;
445       } 444       }
446       .towishlist { 445       .towishlist {
447         background: 0 0; 446         background: 0 0;
448         border: 0; 447         border: 0;
449         opacity: .7; 448         opacity: .7;
450         position: absolute; 449         position: absolute;
451         right: 0; 450         right: 0;
452         bottom: -44px; 451         bottom: -44px;
453         width: 20px; 452         width: 20px;
454         visibility: visible; 453         visibility: visible;
455         z-index: 3; 454         z-index: 3;
456         &:hover { 455         &:hover {
457           opacity: 1; 456           opacity: 1;
458         } 457         }
459       } 458       }
460       .qty-box{position:static;display:inline-block;vertical-align:middle;margin:0 5px 0 0} 459       .qty-box{position:static;display:inline-block;vertical-align:middle;margin:0 5px 0 0}
461     } 460     }
462     &:hover { 461     &:hover {
463       .product-item-actions { 462       .product-item-actions {
464         .tocompare,.actions-primary .tocart { 463         .tocompare,.actions-primary .tocart {
465           visibility: visible; 464           visibility: visible;
466           opacity: 1; 465           opacity: 1;
467         } 466         }
468       } 467       }
469     } 468     }
470   } 469   }
471   &.type4 { 470   &.type4 {
472     text-align: left; 471     text-align: left;
473     .product-reviews-summary { 472     .product-reviews-summary {
474       margin: 0 0 .625rem; 473       margin: 0 0 .625rem;
475     } 474     }
476     .product-item-actions { 475     .product-item-actions {
477       .towishlist,.tocompare { 476       .towishlist,.tocompare {
478         color: #333; 477         color: #333;
479         border: 1px solid #ddd; 478         border: 1px solid #ddd;
480         background-color: #fff; 479         background-color: #fff;
481         &:hover { 480         &:hover {
482           border-color: #08c; 481           border-color: #08c;
483           background-color: #08c; 482           background-color: #08c;
484           color: #fff; 483           color: #fff;
485         } 484         }
486       } 485       }
487       .towishlist,.tocompare { 486       .towishlist,.tocompare {
488         left:0 !important; 487         left:0 !important;
489         right:0 !important; 488         right:0 !important;
490         opacity: 0; 489         opacity: 0;
491       } 490       }
492     } 491     }
493     .qty-box{margin:0 0 6px;} 492     .qty-box{margin:0 0 6px;}
494     &:hover { 493     &:hover {
495       .towishlist,.tocompare { 494       .towishlist,.tocompare {
496         opacity: 1; 495         opacity: 1;
497       } 496       }
498     } 497     }
499   } 498   }
500   &.type5 { 499   &.type5 {
501     .product-item-details { 500     .product-item-details {
502       padding-left: 10px; 501       padding-left: 10px;
503       padding-right: 10px; 502       padding-right: 10px;
504     } 503     }
505     .product-item-actions { 504     .product-item-actions {
506       .towishlist { 505       .towishlist {
507         right: 10px; 506         right: 10px;
508       } 507       }
509     } 508     }
510   } 509   }
511   &.type6 { 510   &.type6 {
512     .products-grid.divider-line & { 511     .products-grid.divider-line & {
513       padding-top: 0; 512       padding-top: 0;
514       padding-bottom: 0; 513       padding-bottom: 0;
515       .product-item-inner { 514       .product-item-inner {
516         margin: 0; 515         margin: 0;
517         visibility: visible; 516         visibility: visible;
518         opacity: 1; 517         opacity: 1;
519       } 518       }
520       .product-item-photo {margin-bottom: 0;} 519       .product-item-photo {margin-bottom: 0;}
521     } 520     }
522     .product-item-details { 521     .product-item-details {
523       padding: 15px 15px 1px; 522       padding: 15px 15px 1px;
524     } 523     }
525     .product-item-actions { 524     .product-item-actions {
526       .towishlist { 525       .towishlist {
527         right: 15px; 526         right: 15px;
528       } 527       }
529     } 528     }
530     .weltpixel-quickview.weltpixel_quickview_button_v2 {left: 15px;right: 15px;width: auto;} 529     .weltpixel-quickview.weltpixel_quickview_button_v2 {left: 15px;right: 15px;width: auto;}
531     .qty-box{position:static;display:inline-block;vertical-align:middle;margin:0 5px 0 0} 530     .qty-box{position:static;display:inline-block;vertical-align:middle;margin:0 5px 0 0}
532     &:hover { 531     &:hover {
533       .product-item-photo { 532       .product-item-photo {
534         box-shadow: none; 533         box-shadow: none;
535  534 
536       } 535       }
537     } 536     }
538   } 537   }
539   &.type7 { 538   &.type7 {
540     .product-item-photo { 539     .product-item-photo {
541       margin: 0; 540       margin: 0;
542     } 541     }
543     .product-item-actions{ 542     .product-item-actions{
544       >.action{ 543       >.action{
545         position: absolute; 544         position: absolute;
546         top: 15px; 545         top: 15px;
547         right: 15px; 546         right: 15px;
548         border:1px solid #ddd; 547         border:1px solid #ddd;
549         color:#333; 548         color:#333;
550         border-radius:30px; 549         border-radius:30px;
551         width:36px; 550         width:36px;
552         height:36px; 551         height:36px;
553         line-height:34px; 552         line-height:34px;
554         z-index: 3; 553         z-index: 3;
555         visibility: hidden; 554         visibility: hidden;
556         opacity: 0; 555         opacity: 0;
557         transition:all .3s; 556         transition:all .3s;
558         &.towishlist { 557         &.towishlist {
559           right: 56px; 558           right: 56px;
560         } 559         }
561         &::before { 560         &::before {
562           font-size: 1rem; 561           font-size: 1rem;
563         } 562         }
564         &:hover { 563         &:hover {
565           color:#fff; 564           color:#fff;
566           background-color:#08c; 565           background-color:#08c;
567         } 566         }
568       } 567       }
569       >.actions-primary{ 568       >.actions-primary{
570         position:absolute; 569         position:absolute;
571         bottom:0; 570         bottom:0;
572         right:0; 571         right:0;
573         width:50%; 572         width:50%;
574         z-index: 3; 573         z-index: 3;
575         visibility: hidden; 574         visibility: hidden;
576         opacity: 0; 575         opacity: 0;
577         .tocart { 576         .tocart {
578           width:100%; 577           width:100%;
579           background-color:#f4f4f4; 578           background-color:#f4f4f4;
580           border:0; 579           border:0;
581           color:#333; 580           color:#333;
582           height:45px; 581           height:45px;
583           transition:all .3s; 582           transition:all .3s;
584           letter-spacing:0; 583           letter-spacing:0;
585           padding: 0 .625rem; 584           padding: 0 .625rem;
586           font-size: .75rem; 585           font-size: .75rem;
587           font-weight: 600; 586           font-weight: 600;
588           text-transform: uppercase; 587           text-transform: uppercase;
589           z-index: 1; 588           z-index: 1;
590           white-space: nowrap; 589           white-space: nowrap;
591           &::before { 590           &::before {
592             display: none; 591             display: none;
593           } 592           }
594           >span{display:inline-block} 593           >span{display:inline-block}
595           &:hover{ 594           &:hover{
596             background-color:#08c; 595             background-color:#08c;
597             color:#fff; 596             color:#fff;
598           } 597           }
599         } 598         }
600       } 599       }
601     } 600     }
602     .weltpixel-quickview.weltpixel_quickview_button_v2{ 601     .weltpixel-quickview.weltpixel_quickview_button_v2{
603       width:50%; 602       width:50%;
604       height:45px; 603       height:45px;
605       line-height:45px; 604       line-height:45px;
606       &:hover{ 605       &:hover{
607         opacity:1; 606         opacity:1;
608       } 607       }
609     } 608     }
610     .qty-box{display:none} 609     .qty-box{display:none}
611     .product-item-details{ 610     .product-item-details{
612       position:absolute; 611       position:absolute;
613       bottom:45px; 612       bottom:45px;
614       z-index:3; 613       z-index:3;
615       background-color:#fff; 614       background-color:#fff;
616       width:100%; 615       width:100%;
617       text-align:left; 616       text-align:left;
618       padding:15px 20px 0; 617       padding:15px 20px 0;
619       border-top:1px solid rgba(0,0,0,.09); 618       border-top:1px solid rgba(0,0,0,.09);
620       border-bottom:1px solid rgba(0,0,0,.09); 619       border-bottom:1px solid rgba(0,0,0,.09);
621       transition:all .3s; 620       transition:all .3s;
622       opacity:0; 621       opacity:0;
623       visibility:hidden; 622       visibility:hidden;
624     } 623     }
625     .product-reviews-summary { 624     .product-reviews-summary {
626       margin: 0 0 .625rem; 625       margin: 0 0 .625rem;
627     } 626     }
628     &:hover { 627     &:hover {
629       .product-item-photo { 628       .product-item-photo {
630         box-shadow: none; 629         box-shadow: none;
631       } 630       }
632       .weltpixel-quickview.weltpixel_quickview_button_v2{padding: 0;} 631       .weltpixel-quickview.weltpixel_quickview_button_v2{padding: 0;}
633       .product-item-details, .product-item-actions >.action, .product-item-actions>.actions-primary{visibility:visible;opacity:1;} 632       .product-item-details, .product-item-actions >.action, .product-item-actions>.actions-primary{visibility:visible;opacity:1;}
634     } 633     }
635   } 634   }
636   &.type8 { 635   &.type8 {
637     .price-box .price,.product.name a{ 636     .price-box .price,.product.name a{
638       color:#fff; 637       color:#fff;
639     } 638     }
640     .product-reviews-summary { 639     .product-reviews-summary {
641       height: auto; 640       height: auto;
642       .rating-summary .rating-result{ 641       .rating-summary .rating-result{
643         > span:before { 642         > span:before {
644           color: #fff; 643           color: #fff;
645         } 644         }
646         &:before { 645         &:before {
647         color: rgba(255,255,255,.6); 646         color: rgba(255,255,255,.6);
648         } 647         }
649       } 648       }
650     } 649     }
651     .weltpixel-quickview.weltpixel_quickview_button_v2{ 650     .weltpixel-quickview.weltpixel_quickview_button_v2{
652       left: 0; 651       left: 0;
653       right: 0; 652       right: 0;
654       line-height: 32px; 653       line-height: 32px;
655       transition: none; 654       transition: none;
656       &:hover { 655       &:hover {
657         opacity: 1; 656         opacity: 1;
658       } 657       }
659     } 658     }
660     .product-item-actions { 659     .product-item-actions {
661       >.action,>.actions-primary .tocart { 660       >.action,>.actions-primary .tocart {
662         position: absolute; 661         position: absolute;
663         top: 15px; 662         top: 15px;
664         right: 15px; 663         right: 15px;
665         z-index: 3; 664         z-index: 3;
666         background-color:#4d4d4a; 665         background-color:#4d4d4a;
667         border:2px solid #fff; 666         border:2px solid #fff;
668         border-radius:30px; 667         border-radius:30px;
669         color:#fff; 668         color:#fff;
670         width:36px; 669         width:36px;
671         height:36px; 670         height:36px;
672         visibility: hidden; 671         visibility: hidden;
673         opacity: 0; 672         opacity: 0;
674         transition:all .3s; 673         transition:all .3s;
675         &::before { 674         &::before {
676           font-weight: 600; 675           font-weight: 600;
677           font-size: .9375rem; 676           font-size: .9375rem;
678           display: block; 677           display: block;
679         } 678         }
680       } 679       }
681       >.actions-primary .tocart { 680       >.actions-primary .tocart {
682         right: 97px; 681         right: 97px;
683       } 682       }
684       >.action.towishlist { 683       >.action.towishlist {
685         right: 56px; 684         right: 56px;
686       } 685       }
687     } 686     }
688     .product-item-details{ 687     .product-item-details{
689       position: absolute; 688       position: absolute;
690       left:0; 689       left:0;
691       top:0; 690       top:0;
692       right:0; 691       right:0;
693       bottom:0; 692       bottom:0;
694       z-index:2; 693       z-index:2;
695       background-color:rgba(27,27,23,.6); 694       background-color:rgba(27,27,23,.6);
696       display:flex; 695       display:flex;
697       flex-direction:column; 696       flex-direction:column;
698       align-items:center; 697       align-items:center;
699       justify-content:center; 698       justify-content:center;
700       opacity:0; 699       opacity:0;
701       visibility:hidden; 700       visibility:hidden;
702       transition:all .3s; 701       transition:all .3s;
703     } 702     }
704     .product-item-photo { 703     .product-item-photo {
705       margin-bottom: 0; 704       margin-bottom: 0;
706       .qty-box{ 705       .qty-box{
707         position:static; 706         position:static;
708         display:inline-block; 707         display:inline-block;
709         vertical-align:middle; 708         vertical-align:middle;
710         margin:0 5px 0 0; 709         margin:0 5px 0 0;
711       } 710       }
712     } 711     }
713     &:hover { 712     &:hover {
714       .product-item-photo { 713       .product-item-photo {
715         box-shadow: none; 714         box-shadow: none;
716       } 715       }
717       .product-item-actions { 716       .product-item-actions {
718         >.action,>.actions-primary .tocart { 717         >.action,>.actions-primary .tocart {
719           visibility: visible; 718           visibility: visible;
720           opacity:.85; 719           opacity:.85;
721           &:hover{opacity:1;} 720           &:hover{opacity:1;}
722         } 721         }
723       } 722       }
724       .product-item-details{opacity:1;visibility:visible} 723       .product-item-details{opacity:1;visibility:visible}
725     } 724     }
726   } 725   }
727   &.type9 { 726   &.type9 {
728     .product-item-details{text-align:left} 727     .product-item-details{text-align:left}
729     .product-item-inner{ 728     .product-item-inner{
730       left:auto; 729       left:auto;
731       right:15px; 730       right:15px;
732       bottom:15px; 731       bottom:15px;
733     } 732     }
734     .product-reviews-summary {margin: 0 0 .625rem;} 733     .product-reviews-summary {margin: 0 0 .625rem;}
735     .product-item-actions{ 734     .product-item-actions{
736       >.action,>.actions-primary .tocart{ 735       >.action,>.actions-primary .tocart{
737         position: absolute; 736         position: absolute;
738         top: 15px; 737         top: 15px;
739         right: 15px; 738         right: 15px;
740         z-index: 3; 739         z-index: 3;
741         background-color:#fff; 740         background-color:#fff;
742         border:1px solid #ddd; 741         border:1px solid #ddd;
743         border-radius:30px; 742         border-radius:30px;
744         color:#333; 743         color:#333;
745         width:36px; 744         width:36px;
746         height:36px; 745         height:36px;
747         visibility: hidden; 746         visibility: hidden;
748         opacity: 0; 747         opacity: 0;
749         transition:all .3s; 748         transition:all .3s;
750         &::before { 749         &::before {
751           font-weight: 600; 750           font-weight: 600;
752           font-size: .9375rem; 751           font-size: .9375rem;
753           display: block; 752           display: block;
754         } 753         }
755         &:hover { 754         &:hover {
756           background-color:#08c; 755           background-color:#08c;
757           color:#fff; 756           color:#fff;
758         } 757         }
759       } 758       }
760       >.actions-primary .tocart { 759       >.actions-primary .tocart {
761         right: 97px; 760         right: 97px;
762       } 761       }
763       >.action.towishlist { 762       >.action.towishlist {
764         right: 56px; 763         right: 56px;
765       } 764       }
766     } 765     }
767     .product-item-photo .qty-box{ 766     .product-item-photo .qty-box{
768       position:static; 767       position:static;
769       display:inline-block; 768       display:inline-block;
770       vertical-align:middle; 769       vertical-align:middle;
771       margin:0 5px 0 0; 770       margin:0 5px 0 0;
772     } 771     }
773     &:hover { 772     &:hover {
774       .product-item-actions { 773       .product-item-actions {
775         >.action,>.actions-primary .tocart { 774         >.action,>.actions-primary .tocart {
776           visibility: visible; 775           visibility: visible;
777           opacity:.85; 776           opacity:.85;
778           &:hover { 777           &:hover {
779             opacity:1; 778             opacity:1;
780           } 779           }
781         } 780         }
782       } 781       }
783     } 782     }
784   } 783   }
785   &.type10 { 784   &.type10 {
786     .product-item-inner { 785     .product-item-inner {
787       display: flex; 786       display: flex;
788       justify-content: center; 787       justify-content: center;
789     } 788     }
790     .product-item-actions { 789     .product-item-actions {
791       .towishlist,.tocompare { 790       .towishlist,.tocompare {
792         display: none; 791         display: none;
793       } 792       }
794     } 793     }
795     .qty-box { 794     .qty-box {
796       display: inline-flex; 795       display: inline-flex;
797       position: relative; 796       position: relative;
798       text-align: left; 797       text-align: left;
799       vertical-align: middle; 798       vertical-align: middle;
800       .qty { 799       .qty {
801         -moz-appearance: textfield; 800         -moz-appearance: textfield;
802         text-align: center; 801         text-align: center;
803         width: 2.5em; 802         width: 2.5em;
804         height: 36px; 803         height: 36px;
805         padding-left: 0; 804         padding-left: 0;
806         padding-right: 0; 805         padding-right: 0;
807         box-shadow: none; 806         box-shadow: none;
808         border-radius: 0; 807         border-radius: 0;
809         font-family: Poppins,sans-serif; 808         font-family: Poppins,sans-serif;
810         color: #222529; 809         color: #222529;
811         line-height: 1.42857; 810         line-height: 1.42857;
812         padding: 8px 0; 811         padding: 8px 0;
813         font-size: .85rem; 812         font-size: .85rem;
814       } 813       }
815       .qtyminus, .qtyplus { 814       .qtyminus, .qtyplus {
816         position: relative; 815         position: relative;
817         width: 2em; 816         width: 2em;
818         height: 36px; 817         height: 36px;
819         line-height: 1; 818         line-height: 1;
820         border: 1px solid; 819         border: 1px solid;
821         padding: 0; 820         padding: 0;
822         outline: none; 821         outline: none;
823         text-indent: -9999px; 822         text-indent: -9999px;
824         &:before { 823         &:before {
825           content: ''; 824           content: '';
826           position: absolute; 825           position: absolute;
827           left: 50%; 826           left: 50%;
828           top: 50%; 827           top: 50%;
829           width: 9px; 828           width: 9px;
830           border-top: 1px solid; 829           border-top: 1px solid;
831           margin-top: -.5px; 830           margin-top: -.5px;
832           margin-left: -4.5px; 831           margin-left: -4.5px;
833         } 832         }
834       } 833       }
835       .qtyminus, .qtyplus { 834       .qtyminus, .qtyplus {
836         background: transparent; 835         background: transparent;
837         border-color: rgba(0,0,0,.09); 836         border-color: rgba(0,0,0,.09);
838         &:not(:hover) { 837         &:not(:hover) {
839           color: #222529; 838           color: #222529;
840         } 839         }
841       } 840       }
842       .qtyminus { 841       .qtyminus {
843         left: 1px; 842         left: 1px;
844       } 843       }
845       .qtyplus { 844       .qtyplus {
846         left: -1px; 845         left: -1px;
847         &:after { 846         &:after {
848           content: ''; 847           content: '';
849           position: absolute; 848           position: absolute;
850           left: 50%; 849           left: 50%;
851           top: 50%; 850           top: 50%;
852           height: 9px; 851           height: 9px;
853           border-left: 1px solid; 852           border-left: 1px solid;
854           margin-top: -4.5px; 853           margin-top: -4.5px;
855           margin-left: -.5px; 854           margin-left: -.5px;
856         } 855         }
857       } 856       }
858     } 857     }
859   } 858   }
860   &.type11 { 859   &.type11 {
861     .product-item-name{ 860     .product-item-name{
862       text-align:left; 861       text-align:left;
863     } 862     }
864     .product-item-photo:after { 863     .product-item-photo:after {
865       content: ""; 864       content: "";
866       position: absolute; 865       position: absolute;
867       left: 0; 866       left: 0;
868       top: 0; 867       top: 0;
869       width: 100%; 868       width: 100%;
870       height: 100%; 869       height: 100%;
871       background-color: rgba(27,27,23,.3); 870       background-color: rgba(27,27,23,.3);
872       transition: .25s; 871       transition: .25s;
873       z-index: 2; 872       z-index: 2;
874     } 873     }
875     .price-box .price,.product.name a,.product.name a:hover{ 874     .price-box .price,.product.name a,.product.name a:hover{
876       color:#fff; 875       color:#fff;
877     } 876     }
878     .product-reviews-summary{ 877     .product-reviews-summary{
879       margin-left: 0; 878       margin-left: 0;
880       margin-right: 0; 879       margin-right: 0;
881       height: auto; 880       height: auto;
882       .rating-summary .rating-result:before { 881       .rating-summary .rating-result:before {
883         color: rgba(255,255,255,.6); 882         color: rgba(255,255,255,.6);
884       } 883       }
885       .rating-summary .rating-result > span:before { 884       .rating-summary .rating-result > span:before {
886         color: #fff; 885         color: #fff;
887       } 886       }
888     } 887     }
889     .weltpixel-quickview.weltpixel_quickview_button_v2{ 888     .weltpixel-quickview.weltpixel_quickview_button_v2{
890       position:absolute; 889       position:absolute;
891       left:50%; 890       left:50%;
892       top:50%; 891       top:50%;
893       bottom:auto; 892       bottom:auto;
894       right:auto; 893       right:auto;
895       text-transform:uppercase; 894       text-transform:uppercase;
896       text-decoration:none; 895       text-decoration:none;
897       display:block; 896       display:block;
898       transition:all .3s; 897       transition:all .3s;
899       visibility:hidden; 898       visibility:hidden;
900       opacity:0; 899       opacity:0;
901       padding: .1rem 1.5rem; 900       padding: .1rem 1.5rem;
902       font-size: 13px; 901       font-size: 13px;
903       width: auto; 902       width: auto;
904       line-height: 34px; 903       line-height: 34px;
905       border-radius:30px!important; 904       border-radius:30px!important;
906       border:2px solid #fff; 905       border:2px solid #fff;
907       background-color:#4d4d4a!important; 906       background-color:#4d4d4a!important;
908       transform:translate3d(-50%,-50%,0); 907       transform:translate3d(-50%,-50%,0);
909     } 908     }
910     .product-item-inner{ 909     .product-item-inner{
911       position: absolute; 910       position: absolute;
912       left:auto; 911       left:auto;
913       right:15px; 912       right:15px;
914       bottom:auto; 913       bottom:auto;
915       top:15px; 914       top:15px;
916       visibility: visible; 915       visibility: visible;
917       opacity: 0; 916       opacity: 0;
918       z-index: 3; 917       z-index: 3;
919       .product-item-actions { 918       .product-item-actions {
920         >.action,>.actions-primary .tocart{ 919         >.action,>.actions-primary .tocart{
921           background-color:#4d4d4a; 920           background-color:#4d4d4a;
922           border:2px solid #fff; 921           border:2px solid #fff;
923           border-radius:30px; 922           border-radius:30px;
924           color:#fff; 923           color:#fff;
925           width:36px; 924           width:36px;
926           height:36px; 925           height:36px;
927           opacity:.85; 926           opacity:.85;
928           transition:all .3s; 927           transition:all .3s;
929           &:hover{ 928           &:hover{
930             opacity:1; 929             opacity:1;
931           } 930           }
932         } 931         }
933         >.action:before{ 932         >.action:before{
934           font-size:15px; 933           font-size:15px;
935           line-height:32px; 934           line-height:32px;
936         } 935         }
937       } 936       }
938     } 937     }
939     .porto-icon-eye{ 938     .porto-icon-eye{
940       display:none; 939       display:none;
941     } 940     }
942     .product.details.product-item-details{ 941     .product.details.product-item-details{
943       position:absolute!important; 942       position:absolute!important;
944       left:0; 943       left:0;
945       top:0; 944       top:0;
946       right:0; 945       right:0;
947       bottom:0; 946       bottom:0;
948       z-index:2; 947       z-index:2;
949       display:flex; 948       display:flex;
950       flex-direction:column; 949       flex-direction:column;
951       align-items:baseline; 950       align-items:baseline;
952       justify-content: 951       justify-content:
953       flex-end;opacity:0; 952       flex-end;opacity:0;
954       visibility:hidden; 953       visibility:hidden;
955       transition:all .3s;padding:0 20px 10px; 954       transition:all .3s;padding:0 20px 10px;
956     } 955     }
957     .product-item-photo .qty-box{ 956     .product-item-photo .qty-box{
958       position:static; 957       position:static;
959       display:inline-block; 958       display:inline-block;
960       vertical-align:middle; 959       vertical-align:middle;
961       margin:0 5px 0 0; 960       margin:0 5px 0 0;
962     } 961     }
963     &:hover { 962     &:hover {
964       .product-item-photo:after { 963       .product-item-photo:after {
965         background-color: rgba(27,27,23,.7); 964         background-color: rgba(27,27,23,.7);
966       } 965       }
967       .weltpixel-quickview.weltpixel_quickview_button_v2{ 966       .weltpixel-quickview.weltpixel_quickview_button_v2{
968         visibility:visible; 967         visibility:visible;
969         opacity:.85; 968         opacity:.85;
970         padding: .1rem 1.5rem; 969         padding: .1rem 1.5rem;
971         &:hover { 970         &:hover {
972           opacity:1; 971           opacity:1;
973         } 972         }
974       } 973       }
975       .product-item-inner{ 974       .product-item-inner{
976         opacity:1; 975         opacity:1;
977         visibility:visible; 976         visibility:visible;
978       } 977       }
979       .product.details.product-item-details{ 978       .product.details.product-item-details{
980         opacity:1; 979         opacity:1;
981         visibility:visible; 980         visibility:visible;
982       } 981       }
983     } 982     }
984   } 983   }
985   &.type12 { 984   &.type12 {
    985     > .porto-section {
986     display: flex; 986       display: flex;
987     align-items: center; 987       align-items: center;
988     text-align: left; 988       text-align: left;
989     padding: 10px; 989       padding: 10px;
990     background: #fff; 990       background: #fff;
    991     }
991     a.weltpixel-quickview { 992     a.weltpixel-quickview {
992         display: none !important; 993         display: none !important;
993     } 994     }
994     .product-item-photo { 995     .product-item-photo {
995         flex: 0 0 50%; 996         flex: 0 0 50%;
996         max-width: 50%; 997         max-width: 50%;
997         padding-right: 15px; 998         padding-right: 15px;
998         margin: 0; 999         margin: 0;
999         > a { 1000         > a {
1000           display: block; 1001           display: block;
1001           position: relative; 1002           position: relative;
1002         } 1003         }
1003     } 1004     }
1004     .product-item-details { 1005     .product-item-details {
1005         flex: 0 0 50%; 1006         flex: 0 0 50%;
1006         max-width: 50%; 1007         max-width: 50%;
1007     } 1008     }
1008     .product-reviews-summary { 1009     .product-reviews-summary {
1009       margin-left: 0; 1010       margin-left: 0;
1010       margin-right: 0; 1011       margin-right: 0;
1011       margin-bottom: .525rem; 1012       margin-bottom: .525rem;
1012     } 1013     }
1013     &:hover { 1014     &:hover {
1014       .product-item-photo { 1015       .product-item-photo {
1015         box-shadow: none; 1016         box-shadow: none;
1016         > a:before { 1017         > a:before {
1017           display: none; 1018           display: none;
1018         } 1019         }
1019       } 1020       }
1020     } 1021     }
1021   } 1022   }
1022   &:hover { 1023   &:hover {
1023     .product-item-photo
 {
 1024     .product-item-photo:not(.porto-tb-featured-image) {
1024       box-shadow: 0 25px 35px -5px rgba(0,0,0,.1); 1025       box-shadow: 0 25px 35px -5px rgba(0,0,0,.1);
1025     } 1026     }
1026     .product-item-details { 1027     .product-item-details {
1027       .product-item-actions { 1028       .product-item-actions {
1028         .actions-secondary { 1029         .actions-secondary {
1029           &.towishlist { 1030           &.towishlist {
1030             right: 0; 1031             right: 0;
1031             visibility: visible; 1032             visibility: visible;
1032             opacity: 1; 1033             opacity: 1;
1033           } 1034           }
1034           &.tocompare { 1035           &.tocompare {
1035             left: 0; 1036             left: 0;
1036             visibility: visible; 1037             visibility: visible;
1037             opacity: 1; 1038             opacity: 1;
1038           } 1039           }
1039         } 1040         }
1040         .tocart { 1041         .tocart {
1041           background-color: @theme-color; 1042           background-color: @theme-color;
1042           border-color: @theme-color; 1043           border-color: @theme-color;
1043           color: #fff; 1044           color: #fff;
1044         } 1045         }
1045       } 1046       }
1046     } 1047     }
1047     .weltpixel-quickview.weltpixel_quickview_button_v2 { 1048     .weltpixel-quickview.weltpixel_quickview_button_v2 {
1048       padding: .45rem 0; 1049       padding: .45rem 0;
1049       opacity: .85; 1050       opacity: .85;
1050       visibility: visible; 1051       visibility: visible;
1051       &:hover { 1052       &:hover {
1052         opacity: 1; 1053         opacity: 1;
1053       } 1054       }
1054     } 1055     }
1055   } 1056   }
1056 } 1057 }
1057 .price-container { 1058 .price-container {
1058     .price { 1059     .price {
1059         .lib-font-size(20); 1060         .lib-font-size(20);
1060         color: #444; 1061         color: #444;
1061     } 1062     }
1062  1063 
1063     .price-including-tax + .price-excluding-tax, 1064     .price-including-tax + .price-excluding-tax,
1064     .weee { 1065     .weee {
1065         margin-top: 5px; 1066         margin-top: 5px;
1066     } 1067     }
1067  1068 
1068     .price-including-tax + .price-excluding-tax, 1069     .price-including-tax + .price-excluding-tax,
1069     .weee, 1070     .weee,
1070     .price-including-tax + .price-excluding-tax .price, 1071     .price-including-tax + .price-excluding-tax .price,
1071     .weee .price, 1072     .weee .price,
1072     .weee + .price-excluding-tax:before, 1073     .weee + .price-excluding-tax:before,
1073     .weee + .price-excluding-tax .price { 1074     .weee + .price-excluding-tax .price {
1074         .lib-font-size(11); 1075         .lib-font-size(11);
1075     } 1076     }
1076  1077 
1077     .weee { 1078     .weee {
1078         &:before { 1079         &:before {
1079             content: "("attr(data-label) ": "; 1080             content: "("attr(data-label) ": ";
1080         } 1081         }
1081         &:after { 1082         &:after {
1082             content: ")"; 1083             content: ")";
1083         } 1084         }
1084         + .price-excluding-tax { 1085         + .price-excluding-tax {
1085             &:before { 1086             &:before {
1086                 content: attr(data-label) ": "; 1087                 content: attr(data-label) ": ";
1087             } 1088             }
1088         } 1089         }
1089     } 1090     }
1090 } 1091 }
1091 .products-list { 1092 .products-list {
1092     .product { 1093     .product {
1093         &-item { 1094         &-item {
1094             display: block; 1095             display: block;
1095             width: 100%; 1096             width: 100%;
1096             padding: 0 10px; 1097             padding: 0 10px;
1097             &-info { 1098             &-info {
1098               display: flex; 1099               display: flex;
1099               align-items: center; 1100               align-items: center;
    1101               >.porto-section {
    1102                 display: flex;
    1103                 align-items: center;
    1104               }
1100               &:after { 1105               &:after {
1101                   display: table; 1106                   display: table;
1102                   content: ''; 1107                   content: '';
1103                   clear: both; 1108                   clear: both;
1104               } 1109               }
1105               &:hover .product-item-photo { 1110               &:hover .product-item-photo {
1106                   box-shadow: none; 1111                   box-shadow: none;
1107               } 1112               }
1108             } 1113             }
1109             &-photo { 1114             &-photo {
1110               flex: 0 0 250px; 1115               flex: 0 0 250px;
1111               margin: 0 20px 0 0; 1116               margin: 0 20px 0 0;
1112             } 1117             }
1113             &-details { 1118             &-details {
1114               flex: 1 1 auto; 1119               flex: 1 1 auto;
1115               max-width: calc(~"100% - (250px)"); 1120               max-width: calc(~"100% - (250px)");
1116               padding-bottom: 1px; 1121               padding-bottom: 1px;
1117               text-align: left; 1122               text-align: left;
1118                 .product-item-name a { 1123                 .product-item-name a {
1119                   font-size: 1.2857em; 1124                   font-size: 1.2857em;
1120                   font-weight: 600; 1125                   font-weight: 600;
1121                 } 1126                 }
1122                 .actions-primary { 1127                 .actions-primary {
1123                     display: inline-block; 1128                     display: inline-block;
1124                 } 1129                 }
1125                 .actions-secondary { 1130                 .actions-secondary {
1126                     margin-left: 2px; 1131                     margin-left: 2px;
1127                     right: 0 !important; 1132                     right: 0 !important;
1128                     left: 0 !important; 1133                     left: 0 !important;
1129                     visibility: visible !important; 1134                     visibility: visible !important;
1130                     opacity: 1 !important; 1135                     opacity: 1 !important;
1131                 } 1136                 }
1132                 .weltpixel-quickview {display: none;} 1137                 .weltpixel-quickview {display: none;}
1133             } 1138             }
1134             .product-reviews-summary { 1139             .product-reviews-summary {
1135                 background: none; 1140                 background: none;
1136                 margin-left: 0; 1141                 margin-left: 0;
1137             } 1142             }
1138         } 1143         }
1139     } 1144     }
1140     .product-image-wrapper { 1145     .product-image-wrapper {
1141         &:extend(.abs-reset-image-wrapper all); 1146         &:extend(.abs-reset-image-wrapper all);
1142     } 1147     }
1143 } 1148 }
1144  1149 // Product Lists Type News
    1150 .porto-tb-featured-image {
    1151     position: relative;
    1152     .img-thumbnail {
    1153         display: block;
    1154     }
    1155     img {
    1156         display: block;
    1157         width: 100%;
    1158     }
    1159     .owl-nav {
    1160         z-index: 1;
    1161     }
    1162     .owl-carousel {
    1163         z-index: auto;
    1164     }
    1165     .zoom {
    1166         line-height: 30px;
    1167     }
    1168     p {
    1169         overflow-wrap: break-word;
    1170     }
    1171     &:hover {
    1172         z-index: auto;
    1173         .zoom {
    1174             opacity: 1;
    1175         }
    1176     }
    1177 }
    1178 .tb-image-type-gallery {
    1179   .img-thumbnail .zoom {
    1180     opacity: 0;
    1181   }
    1182 }
    1183 .grid-creative .tb-image-type-default,.grid-creative .tb-image-type-hover {
    1184     height: 100%
    1185 }
    1186 .grid-creative {
    1187   .tb-image-type-default, .tb-image-type-hover {
    1188     .img-thumbnail,.img-thumbnail img {
    1189       height: inherit;
    1190       object-fit: cover;
    1191     }
    1192   }
    1193   >.porto-tb-item {
    1194       margin-bottom: 0;
    1195   }
    1196 }
    1197 .product-type-advanced {
    1198   .tb-image-type-hover {
    1199     position: relative;
    1200     .hover_image {
    1201       position: absolute;
    1202       left: 0;
    1203       top: 0;
    1204       height: 100%;
    1205       right: 0;
    1206       object-fit: cover;
    1207       transition: opacity 0.3s,transform 2s cubic-bezier(0,0,0.44,1.18);
    1208       opacity: 0;
    1209       z-index: 2;
    1210       visibility: visible;
    1211     }
    1212     &:hover {
    1213       .hover_image {
    1214         opacity: 1;
    1215         transform: scale(1.1,1.1) translateZ(0);
    1216       }
    1217     }
    1218   }
    1219 }
    1220 .tb-image-type-slider {
    1221   .owl-item,.owl-stage,.owl-stage-outer,.porto-carousel {
    1222       position: static
    1223   }
    1224   .porto-carousel {
    1225     .owl-dots {
    1226       top: auto;
    1227       bottom: 10px;
    1228       justify-content: center;
    1229       z-index: 5;
    1230     }
    1231     .zoom {
    1232         z-index: 5;
    1233     }
    1234     .img-thumbnail {
    1235         overflow: hidden;
    1236     }
    1237   }
    1238 }
    1239 .tb-woo-price .price {
    1240     display: block
    1241 }
    1242 .tb-hover-content {
    1243   position: absolute;
    1244   left: 0;
    1245   top: 0;
    1246   width: 100%;
    1247   height: 100% !important;
    1248   z-index: 5;
    1249   .porto-tb-link {
    1250     position: absolute;
    1251     left: 0;
    1252     top: 0;
    1253     width: 100%;
    1254     height: 100%;
    1255     z-index: 4;
    1256   }
    1257 }
    1258 .tb-hover-content {
    1259     display: flex;
    1260     flex-direction: column;
    1261     flex-wrap: wrap;
    1262     height: 100%;
    1263     transition: transform 0.4s,opacity 0.3s;
    1264     opacity: 0;
    1265     &.thumb-info-floating-element-wrapper:not(.with-link)>:first-child {
    1266         display: none;
    1267     }
    1268     &.thumb-info-floating-element-wrapper.with-link>:nth-child(2) {
    1269         display: none;
    1270     }
    1271 }
    1272 .porto-tb-item{
    1273   &:hover .tb-hover-content {
    1274     opacity: 1;
    1275   }
    1276 }
    1277 .hover-start-fadein {
    1278     opacity: 0;
    1279 }
    1280 .hover-start-translateleft {
    1281     transform: translateX(-101%);
    1282 }
    1283 .hover-start-translatetop {
    1284     transform: translateY(-101%);
    1285 }
    1286 .hover-start-translatebottom {
    1287     transform: translateY(101%);
    1288 }
    1289 .hover-start-contenttranslatebottom>:not(.porto-tb-link) {
    1290     transform: translateY(100px);
    1291     transition: transform 0.3s,opacity 0.3s;
    1292 }
    1293 .porto-tb-item:hover .hover-start-fadein {
    1294     opacity: 1;
    1295 }
    1296 .porto-tb-item:hover .hover-start-translateleft {
    1297     transform: translateX(0);
    1298 }
    1299 .porto-tb-item:hover .hover-start-translatebottom,.porto-tb-item:hover .hover-start-translatetop {
    1300     transform: translateY(0);
    1301 }
    1302 .porto-tb-item:hover .hover-start-contenttranslatebottom>:not(.porto-tb-link) {
    1303     transform: translateY(0);
    1304 }
    1305 .tb-hover-content>* {
    1306     position: relative;
    1307     z-index: 1
    1308 }
    1309 .tb-hover-content .porto-tb-link {
    1310     z-index: auto;
    1311 }
    1312 .porto-tb-icon-left i {
    1313     margin-right: 0.25rem;
    1314 }
    1315 .porto-tb-icon-right i {
    1316     margin-left: 0.25rem;
    1317 }
    1318 .porto-tb-woo-link:hover {
    1319     color: var(--theme-color);
    1320 }
    1321 .porto-tb-woo-link a {
    1322     color: inherit;
    1323 }
    1324 .porto-tb-wishlist a.view-wishlist {
    1325     display: none;
    1326 }
    1327 .porto-tb-wishlist a,.porto-tb-wishlist span:not(.yith-wcwl-tooltip) {
    1328     text-indent: 0;
    1329     border: none;
    1330     width: auto;
    1331     height: auto;
    1332     line-height: inherit;
    1333     background: none;
    1334     border: none;
    1335     color: inherit;
    1336     transition: none;
    1337 }
    1338 .porto-tb-wishlist.porto-tb-icon-left i {
    1339     margin-right: 0.25rem;
    1340 }
    1341 .porto-tb-wishlist .count-add-to-wishlist {
    1342     display: none!important;
    1343 }
    1344 .editor-styles-wrapper .yith-wcwl-add-to-wishlist span,.porto-tb-wishlist a:hover,.porto-tb-wishlist span:hover {
    1345     background: none;
    1346     color: inherit;
    1347     border: none;
    1348 }
    1349 .porto-tb-wishlist a:before,.porto-tb-wishlist span:before {
    1350     position: static;
    1351     font-size: inherit;
    1352 }
    1353 .porto-tb-swatch .variations .label,.porto-tb-swatch .variations .reset_variations {
    1354     display: none!important;
    1355 }
    1356 .porto-tb-swatch .variations td {
    1357     padding: 0 0 5px;
    1358 }
    1359 .porto-tb-meta {
    1360     display: inline-block;
    1361 }
    1362 .porto-tb-meta a {
    1363     color: inherit;
    1364 }
    1365 .porto-tb-meta a:hover {
    1366     color: var(--theme-color);
    1367 }
    1368 .porto-posts-grid.porto-ajax-loading:after {
    1369     z-index: 4;
    1370 }
    1371 .porto-posts-grid .sort-source {
    1372     margin-bottom: 1rem;
    1373 }
    1374 .porto-posts-grid .pagination {
    1375     margin: 0;
    1376 }
    1377 .porto-posts-grid.porto-ajax-load {
    1378     position: relative;
    1379 }
    1380 .porto-posts-grid .porto-ibanner>img {
    1381     width: auto;
    1382 }
    1383 .porto-posts-grid .posts-container[data-plugin-masonry] {
    1384     transition: height 0.3s ease-in-out;
    1385 }
    1386 .porto-posts-grid .nothing-found-message {
    1387     width: 100%;
    1388 }
    1389 .porto-posts-grid .filter-check li a:before {
    1390     content: "\f87a";
    1391     font-family: "porto";
    1392 }
    1393 html:not(.rtl) .porto-posts-grid .filter-check li a:before {
    1394     margin-right: 6px;
    1395 }
    1396 .rtl .porto-posts-grid .filter-check li a:before {
    1397     margin-left: 6px;
    1398 }
    1399 .porto-posts-grid .filter-check li.active a:before {
    1400     content: "\f87b";
    1401 }
    1402 .image-hover-overlay {
    1403     position: relative;
    1404     .posts-wrap {
    1405         position: relative;
    1406         z-index: 2;
    1407         .img-thumbnail {
    1408             transition: opacity 0.8s;
    1409         }
    1410     }
    1411     &.active .img-thumbnail {
    1412         opacity: 0;
    1413     }
    1414     .thumb-info-full {
    1415         position: absolute;
    1416         left: 0;
    1417         right: 0;
    1418         bottom: 20px;
    1419         height: 100%;
    1420         opacity: 0;
    1421         transition: opacity 0.8s;
    1422         background-size: cover;
    1423         &.active {
    1424             opacity: 1;
    1425         }
    1426     }
    1427 }
    1428 .porto-tb-item {
    1429   &:hover .viewcart.added {
    1430       display: block;
    1431       opacity: 1;
    1432       cursor: pointer;
    1433   }
    1434   &.product-col {
    1435     .filter-color {
    1436       margin: 3px 6px 3px 0;
    1437       .rtl & {
    1438         margin-right: 0;
    1439         margin-left: 6px;
    1440       }
    1441     }
    1442   }
    1443 }
    1444 .product-type-countdown2 {
    1445   .sw-dailydeal {
    1446     background: none;
    1447     font-family: inherit;
    1448     color: inherit;
    1449     padding: 0;
    1450     text-align: inherit;
    1451     p {
    1452        line-height: 1;
    1453     }
    1454   }
    1455   .countdowncontainer {
    1456     text-align: inherit;
    1457     margin-bottom: 0;
    1458     .number-wrapper {
    1459       padding: 11px 0;
    1460       background: #f3f3f3;
    1461       margin: 0 2.5px 10px;
    1462       width: 50px;
    1463       text-align: center;
    1464       &:first-child {
    1465         margin-left: 0;
    1466       }
    1467       .number {
    1468           font-weight: 600;
    1469           color: #222529;
    1470           font-size: 1rem;
    1471           line-height: 1;
    1472       }
    1473       .caption {
    1474           text-transform: uppercase;
    1475           margin-top: 2px;
    1476           font-size: .625rem;
    1477           font-weight: 500;
    1478           margin-top: 7px;
    1479           width: 100%;
    1480           display: block;
    1481           line-height: 1;
    1482           p {line-height: 1;}
    1483       }
    1484     }
    1485   }
    1486 }
    1487 .product-type-advanced {
    1488   .porto-tb-featured-image {
    1489     overflow: hidden;
    1490   }
    1491   .product-item-actions {
    1492     .actions-secondary.action {
    1493       width: 40px;
    1494       height: 40px;
    1495       line-height: 38px;
    1496       background-color: rgba(255,255,255,1) !important;
    1497       border: 1px solid rgba(231,231,231,1);
    1498       border-radius: 50% 50% 50% 50%;
    1499       color: #222529;
    1500       line-height: 1.8;
    1501       visibility: visible !important;
    1502       opacity: 1 !important;
    1503       order: 1;
    1504       transition: transform 0.3s,opacity 0.3s,background-color 0.3s,border-color 0.3s,color 0.3s;
    1505       &::before {
    1506         font-size: 24px;
    1507         -webkit-font-smoothing: inherit;
    1508       }
    1509       &:hover {
    1510         background-color: rgba(33,37,41,1) !important;
    1511         color: #fff;
    1512         border-color: rgba(33,37,41,1);
    1513       }
    1514     }
    1515     .actions-secondary.action.tocompare {
    1516       order: 3;
    1517       left: 0;
    1518       &::before {
    1519         font-size: 20px;
    1520       }
    1521     }
    1522     .actions-secondary.action.towishlist {
    1523       right: 0;
    1524     }
    1525     > .actions-primary {
    1526       order: 2;
    1527       margin: 0 5px;
    1528     }
    1529   }
    1530   .product-item & {
    1531     .tocart:before {
    1532       font-weight: 300;
    1533       font-size: 22px;
    1534       margin-right: 0.25rem !important;
    1535       display: inline-block;
    1536       vertical-align: middle;
    1537       -webkit-font-smoothing: antialiased;
    1538     }
    1539   }
    1540   .product-item-name a {
    1541     font-weight: 500;
    1542     letter-spacing: -.025em;
    1543   }
    1544   .product-reviews-summary {
    1545     height: auto;
    1546     display: inline-block;
    1547   }
    1548   &.effect-ovdefault {
    1549     color:#fff;
    1550     .product-item-photo {
    1551       margin-bottom: 0;
    1552     }
    1553     .product-content {
    1554       padding-top: 0px;
    1555       padding-bottom: 0px;
    1556       position: absolute;
    1557       z-index: 1;
    1558       top: 50%;
    1559       right: 15px;
    1560       left: 15px;
    1561       opacity: 0;
    1562       transform: scale(0.9) translateZ(0) translateY(-50%);
    1563       transition: opacity .25s, transform .25s, bottom .25s;
    1564     }
    1565     &:hover .product-content {
    1566       opacity: 1;
    1567       transform: scale(1) translateZ(0) translateY(-50%);
    1568     }
    1569     .product-item-name a {
    1570       color: inherit;
    1571     }
    1572     .product-item & {
    1573       .rating-summary .rating-result{
    1574         &:before {
    1575           color: inherit;
    1576         }
    1577         > span:before {
    1578           color: #ffc600;
    1579         }
    1580       }
    1581       .price-box .price {
    1582         color: #fff;
    1583       }
    1584       .old-price .price {
    1585         color: #fff;
    1586       }
    1587     }
    1588     .content-top {
    1589       position: absolute;
    1590       top: 15px;
    1591       right: 20px;
    1592       left: 20px;
    1593     }
    1594     .content-bottom {
    1595       position: absolute;
    1596       bottom: 15px;
    1597       left: 20px;
    1598       right: 20px;
    1599     }
    1600   }
    1601   &.effect-hddf {
    1602     .product-content {
    1603       background-color: rgba(255,255,255,1);
    1604       padding: 20px 15px 0px 15px;
    1605       position: absolute;
    1606       right: 0px;
    1607       bottom: -5px;
    1608       left: 0px;
    1609       opacity: 0;
    1610       transition: bottom .25s, opacity .25s;
    1611     }
    1612     &:hover {
    1613       .product-content {
    1614         bottom: 0;
    1615         opacity: 1;
    1616       }
    1617     }
    1618     &.box-center {
    1619       .product-content {
    1620         top: 50%;
    1621         right: 20px;
    1622         left: 20px;
    1623         bottom: auto;
    1624         transform: translateY(calc(-50% + 20px));
    1625         transition: transform .25s, opacity .25s;
    1626       }
    1627       &:hover {
    1628         .product-content {
    1629           transform: translateY(-50%);
    1630           bottom: auto;
    1631         }
    1632       }
    1633     }
    1634     &.box-full {
    1635       .product-content {
    1636         top: 0px;
    1637         right: 0px;
    1638         bottom: -5px;
    1639         left: 0px;
    1640         transition: bottom .25s, opacity .25s;
    1641       }
    1642       &:hover {
    1643         .product-content {
    1644           bottom: 0;
    1645         }
    1646       }
    1647       .product-item-inner {
    1648         .actions-primary {
    1649           margin-top: 0;
    1650           position: absolute;
    1651           bottom: 0;
    1652           left: 0;
    1653           right: 0;
    1654           flex-grow: inherit;
    1655         }
    1656       }
    1657     }
    1658   }
    1659   &.effect-detailimg {
    1660     text-align: left;
    1661     .product-item-photo {
    1662       margin-bottom: 0;
    1663       .product-item-inner {
    1664         &.icon-absolute {
    1665           .product-item-actions {
    1666             .actions-secondary.action {
    1667               position: relative;
    1668               top: 0 !important;
    1669               right: 0;
    1670             }
    1671             .weltpixel-quickview.weltpixel_quickview_button_v2 {
    1672               top: 0;
    1673               padding: 0;
    1674               position: relative;
    1675               left: 0;
    1676               order: 3;
    1677             }
    1678           }
    1679         }
    1680         .product-item-actions {
    1681           position: absolute;
    1682           top: 0.625rem;
    1683           right: 0.625rem;
    1684           display: flex;
    1685           flex-direction: column;
    1686           justify-content: center;
    1687           align-items: center;
    1688           .actions-secondary.action {
    1689             position: relative;
    1690             top: 0;
    1691             right: 0;
    1692           }
    1693           > * {
    1694               margin-bottom: 10px;
    1695               &:last-child {
    1696                 margin-bottom: 0;
    1697               }
    1698           }
    1699         }
    1700         &.show-cart-icon .product-item-actions > .actions-primary {
    1701             margin: 0 0 10px;
    1702             order: 1;
    1703         }
    1704       }
    1705     }
    1706     .content-top {
    1707       top: 0.625rem;
    1708       right: 3.75rem;
    1709       left: 1.25rem;
    1710       position: absolute;
    1711     }
    1712     .product-labels + .product-item-inner {
    1713       .content-top {
    1714         top: 2.5rem;
    1715       }
    1716     }
    1717     .product-item-details {
    1718       position: absolute;
    1719       bottom: 16px;
    1720       left: 20px;
    1721       width: auto;
    1722     }
    1723     &.actions-center {
    1724       text-align: center;
    1725       .product-item-photo {
    1726         .product-item-inner {
    1727           .product-item-actions {
    1728             top: 50%;
    1729             transform: translateY(-50%);
    1730           }
    1731         }
    1732       }
    1733       .content-top {
    1734         right: 1.25rem;
    1735       }
    1736       .product-item-details {
    1737         right: 20px;
    1738       }
    1739     }
    1740     &.actions-bottom {
    1741       text-align: left;
    1742       .product-item-photo {
    1743         .product-item-inner {
    1744           .product-item-actions {
    1745             top: auto;
    1746             bottom: 0.625rem;
    1747           }
    1748         }
    1749       }
    1750       .product-item-details {
    1751         top: 16px;
    1752         right: 55px;
    1753         bottom: auto;
    1754       }
    1755       .product-labels + .product-item-inner {
    1756         .product-item-details {
    1757           top: 35px;
    1758         }
    1759       }
    1760     }
    1761   }
    1762   &.effect-cartlink {
    1763     .product-item-photo {
    1764       .product-item-inner {
    1765         .product-item-actions {
    1766           position: static;
    1767         }
    1768       }
    1769     }
    1770   }
    1771   .product-items:not(.owl-carousel) & {
    1772     &.effect-bheshadow {
    1773       transition: transform 0.5s;
    1774       position: relative;
    1775       &:before {
    1776         position: absolute;
    1777         content: '';
    1778         left: -16px;
    1779         top: -16px;
    1780         right: -16px;
    1781         bottom: -16px;
    1782         background-color: #fff;
    1783         opacity: 0;
    1784         visibility: hidden;
    1785         transition: box-shadow 0.3s, opacity 0.3s, visibility 0.3s;
    1786       }
    1787       &:hover {
    1788         transform: translateY(-10px);
    1789         z-index: 2;
    1790         &:before {
    1791           opacity: 1;
    1792           visibility: visible;
    1793           box-shadow: 0 0 40px 0px rgba(0,0,0,0.07);
    1794         }
    1795       }
    1796     }
    1797     &.effect-bhebrspace{
    1798       &:hover:before {
    1799         left: -16px;
    1800         top: -16px;
    1801         right: -16px;
    1802         bottom: -16px;
    1803       }
    1804     }
    1805     &.effect-bhesfd {
    1806       transition: transform 0.3s;
    1807       z-index: 2;
    1808       .content-shadow {
    1809         content: '';
    1810         opacity: 0;
    1811         visibility: hidden;
    1812         transition: box-shadow 0.3s, opacity 0.3s, visibility 0.3s;
    1813       }
    1814       &:hover .content-shadow {
    1815         opacity: 1;
    1816         visibility: visible;
    1817         box-shadow: 0 0 40px 0px rgba(0,0,0,0.07);
    1818       }
    1819       &:hover {
    1820         transform: translateY(-10px);
    1821         z-index: 9;
    1822         .product-item-details {
    1823           .product-item-inner {
    1824             opacity: 1;
    1825             visibility: visible;
    1826           }
    1827         }
    1828       }
    1829     }
    1830   }
    1831   &.effect-bheborder {
    1832     border: 1px solid transparent;
    1833     &:hover {
    1834       z-index: 2;
    1835       border-color: #e7e7e7;
    1836     }
    1837   }
    1838   &.effect-bhebrspace{
    1839     position: relative;
    1840     &:before {
    1841       position: absolute;
    1842       content: '';
    1843       left: 0;
    1844       top: 0;
    1845       right: 0;
    1846       bottom: 0;
    1847       background-color: #fff;
    1848       opacity: 0;
    1849       visibility: hidden;
    1850       border: 1px solid transparent;
    1851       transition: opacity 0.3s, visibility 0.3s, left 0.3s, top 0.3s, right 0.3s, bottom 0.3s;
    1852     }
    1853     &:hover:before {
    1854       opacity: 1;
    1855       visibility: visible;
    1856       border-color: #e7e7e7;
    1857     }
    1858   }
    1859   &.effect-bhesfd {
    1860     position: relative;
    1861     .product-item-photo {
    1862       .weltpixel-quickview.weltpixel_quickview_button_v2 {
    1863         position: absolute;
    1864         z-index: 2;
    1865         top: 10px;
    1866         right: 10px;
    1867         left: auto;
    1868         padding: 0;
    1869         span {display: none;}
    1870       }
    1871       .weltpixel-quickview.weltpixel_quickview_button_v2 {
    1872         width: 40px;
    1873         height: 40px;
    1874         background-color: rgba(255,255,255,1) !important;
    1875         border: 1px solid rgba(231,231,231,1);
    1876         border-radius: 50% 50% 50% 50%;
    1877         color: #222529;
    1878         line-height: 1.8;
    1879         transition: transform 0.3s,opacity 0.3s,background-color 0.3s,border-color 0.3s,color 0.3s;
    1880         &::before {
    1881           content: '\E884';
    1882           font-family: 'porto-icons';
    1883           display: block;
    1884           font-size: 22px;
    1885           -webkit-font-smoothing: inherit;
    1886         }
    1887         &:hover {
    1888           background-color: rgba(33,37,41,1) !important;
    1889           color: #fff;
    1890           border-color: rgba(33,37,41,1);
    1891         }
    1892       }
    1893     }
    1894     .content-shadow {
    1895       padding-top: 0px;
    1896       padding-bottom: 0px;
    1897       position: absolute;
    1898       top: -16px;
    1899       right: -16px;
    1900       left: -16px;
    1901       background-color: rgb(255, 255, 255);
    1902     }
    1903     [class^='swatch-opt-'] {
    1904       background-color: rgba(255,255,255,1);
    1905       padding-top: 0px;
    1906       padding-bottom: 0px;
    1907       position: absolute;
    1908       z-index: 2;
    1909       top: 0px;
    1910       left: 0px;
    1911       width: 100%;
    1912       transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
    1913       opacity: 0;
    1914       visibility: hidden;
    1915       padding-top: 15px;
    1916     }
    1917     .product-item-details {
    1918       .price-box {
    1919         margin-bottom: 0;
    1920       }
    1921       .product-item-inner {
    1922         padding-top: 0px;
    1923         padding-bottom: 0px;
    1924         position: absolute;
    1925         top: 100%;
    1926         right: 0px;
    1927         left: 0px;
    1928         opacity: 0;
    1929         visibility: hidden;
    1930         transition: opacity 0.3s, visibility 0.3s;
    1931         .product-item-description {
    1932           margin-top: 13px;
    1933           font-size: 13px;
    1934           line-height: 22px;
    1935           letter-spacing: 0.005em;
    1936         }
    1937         .product-item-actions {
    1938           margin-top: 20px;
    1939           margin-bottom: 0;
    1940         }
    1941       }
    1942     }
    1943     &:hover {
    1944       [class^='swatch-opt-'] {
    1945         transform: translateY(-100%);
    1946         opacity: 1;
    1947         visibility: visible;
    1948       }
    1949     }
    1950   }
    1951 }
    1952 .button-pos-center .product-item-actions {
    1953   position: absolute;
    1954   top: 50%;
    1955   right: 1rem;
    1956   left: 1rem;
    1957   transform: translateY(-50%);
    1958 }
    1959 .button-pos-top .product-item-actions {
    1960   position: absolute;
    1961   top: 1rem;
    1962   right: 1rem;
    1963   left: 1rem;
    1964 }
    1965 .button-pos-bottom .product-item-actions {
    1966   position: absolute;
    1967   right: 1rem;
    1968   bottom: 1rem;
    1969   left: 1rem;
    1970   .has-quickview & {
    1971     bottom: 4rem;
    1972   }
    1973 }
    1974 .text-center .swatch-attribute-options {
    1975     justify-content: center;
    1976 }
    1977 .button-pos-outside {
    1978   .product-item-actions {
    1979     .actions-secondary.action {
    1980       border-radius: 0;
    1981       &.towishlist {
    1982         right: 0;
    1983         visibility: visible;
    1984         opacity: 1;
    1985       }
    1986       &.tocompare {
    1987         left: 0;
    1988         visibility: visible;
    1989         opacity: 1;
    1990       }
    1991     }
    1992     > .actions-primary {
    1993       .tocart {
    1994         border-radius: 0 !important;
    1995       }
    1996     }
    1997   }
    1998 }
    1999 .product-item-info {
    2000   .product-type-advanced {
    2001     .product-item-inner {
    2002       &:not(.show-cart-icon){
    2003         .product-item-actions {
    2004           > .actions-primary {
    2005             flex-grow: 1;
    2006             .tocart {
    2007               font-size: 13px;
    2008               font-weight: 500;
    2009               text-transform: uppercase;
    2010               line-height: 26px;
    2011               letter-spacing: -.05em;
    2012               text-align: center;
    2013               color: #ffffff;
    2014               background: none;
    2015               border: none;
    2016               height: 40px;
    2017               display: block;
    2018               padding: 0;
    2019               background-color: rgba(33,37,41,1);
    2020               border: none;
    2021               order: 2;
    2022               margin: 0;
    2023               flex-grow: 1;
    2024               width: auto;
    2025             }
    2026           }
    2027         }
    2028         .product-item-actions > .actions-primary .tocart span {
    2029           display: inline-block;
    2030           vertical-align: middle;
    2031         }
    2032       }
    2033       &.css-bottom-iconcart {
    2034         .product-item-actions {
    2035           > .actions-primary {
    2036             display: block;
    2037             width: 100%;
    2038             position: absolute;
    2039             right: 0px;
    2040             bottom: 0px;
    2041             left: 0px;
    2042             margin: 0;
    2043           }
    2044           &.actions-center {
    2045             > .actions-primary {
    2046               top: 50%;
    2047               left: 50%;
    2048               transform: translate(-50%, -50%);
    2049               bottom: auto;
    2050               width: max-content;
    2051             }
    2052             .flex-sm-row {
    2053               flex-direction: column !important;
    2054             }
    2055           }
    2056         }
    2057       }
    2058       &.show-cart-icon {
    2059         .product-item-actions {
    2060           > .actions-primary {
    2061             width: auto;
    2062             background: none;
    2063             border: none;
    2064             order: 2;
    2065             margin: 0 10px;
    2066             .tocart {
    2067               width: 40px;
    2068               height: 40px;
    2069               background-color: rgba(255,255,255,1) !important;
    2070               border: 1px solid rgba(231,231,231,1);
    2071               border-radius: 50% 50% 50% 50%;
    2072               color: #222529;
    2073               line-height: 1.8;
    2074               padding: 0;
    2075               transition: transform 0.3s,opacity 0.3s,background-color 0.3s,border-color 0.3s,color 0.3s;
    2076               &::before {
    2077                 margin-right: 0 !important;
    2078                 display: block;
    2079                 -webkit-font-smoothing: auto;
    2080               }
    2081               &:hover {
    2082                 background-color: rgba(33,37,41,1) !important;
    2083                 color: #fff;
    2084                 border-color: rgba(33,37,41,1);
    2085               }
    2086             }
    2087             .tocart span {
    2088               display: none;
    2089             }
    2090           }
    2091         }
    2092       }
    2093       &.icon-absolute {
    2094         .product-item-actions {
    2095           .actions-secondary.action, .weltpixel-quickview.weltpixel_quickview_button_v2 {
    2096             position: absolute;
    2097             z-index: 2;
    2098             top: 10px;
    2099             right: 10px;
    2100             left:auto;
    2101           }
    2102           .actions-secondary.action.tocompare {
    2103             top: 60px;
    2104           }
    2105           .weltpixel-quickview.weltpixel_quickview_button_v2 {
    2106             width: 40px;
    2107             height: 40px;
    2108             background-color: rgba(255,255,255,1) !important;
    2109             border: 1px solid rgba(231,231,231,1);
    2110             border-radius: 50% 50% 50% 50%;
    2111             color: #222529;
    2112             line-height: 1.8;
    2113             visibility: visible;
    2114             opacity: 1;
    2115             transition: transform 0.3s,opacity 0.3s,background-color 0.3s,border-color 0.3s,color 0.3s;
    2116             &::before {
    2117               content: '\E884';
    2118               font-family: 'porto-icons';
    2119               display: block;
    2120               font-size: 22px;
    2121               -webkit-font-smoothing: inherit;
    2122             }
    2123             &:hover {
    2124               background-color: rgba(33,37,41,1) !important;
    2125               color: #fff;
    2126               border-color: rgba(33,37,41,1);
    2127             }
    2128           }
    2129           .weltpixel-quickview.weltpixel_quickview_button_v2 {
    2130             left: auto;
    2131             top: 110px;
    2132             padding: 0;
    2133             span {display: none;}
    2134           }
    2135         }
    2136       }
    2137     }
    2138     &.effect-cartlink {
    2139       .product-item-inner:not(.show-cart-icon) .product-item-actions > .actions-primary {
    2140         margin: 0;
    2141         right: auto;
    2142         width: auto;
    2143         .tocart {
    2144           background: none;
    2145           font-size: 13px;
    2146           font-weight: 600;
    2147           text-transform: uppercase;
    2148           line-height: 26px;
    2149           letter-spacing: -.05em;
    2150           color: #222529;
    2151           text-decoration: underline;
    2152           height: auto;
    2153           span {
    2154             display: block;
    2155           }
    2156           &::before {display: none;}
    2157         }
    2158       }
    2159       .product-item-photo {
    2160         .product-item-inner:not(.show-cart-icon) .product-item-actions > .actions-primary {
    2161           .tocart {
    2162             margin-bottom: 0.625rem;
    2163             margin-left: 1rem;
    2164           }
    2165         }
    2166       }
    2167       .show-cartlink-top {
    2168         display: flex;
    2169         flex-wrap: wrap;
    2170         flex-direction: column;
    2171         justify-content: left;
    2172         align-items: flex-start;
    2173         text-align: left;
    2174         > * {
    2175             order: 2;
    2176             text-align: left;
    2177             margin-left: 0;
    2178             flex: 0 0 100%;
    2179         }
    2180         .product-item-actions {
    2181             margin-bottom: 8px;
    2182         }
    2183         .product-item-inner {
    2184           order: 1;
    2185         }
    2186         .price-box {
    2187           margin-bottom: 0;
    2188         }
    2189         .product-item-inner:not(.show-cart-icon) .product-item-actions > .actions-primary {
    2190           .tocart {
    2191             font-size: 1rem;
    2192             font-weight: 600;
    2193           }
    2194         }
    2195       }
    2196     }
    2197   }
    2198   &.type13 {
    2199     .product-item-inner:not(.button-pos-center) {
    2200       .product-item-actions {
    2201         display: block;
    2202         position: static;
    2203       }
    2204     }
    2205     .sw-dailydeal-wrapper {
    2206       padding: 0 0 10px;
    2207       position: relative;
    2208     }
    2209   }
    2210   &.type14 {
    2211     .sw-dailydeal-wrapper {
    2212       padding: 0 0 10px;
    2213       position: relative;
    2214     }
    2215   }
    2216   &.type15 {
    2217     &.porto-tb-item:hover .tb-hover-content {
    2218       background-color: rgba(33,37,41,0.7);
    2219     }
    2220     .product-item-inner:not(.button-pos-center) {
    2221       .product-item-actions {
    2222         display: block;
    2223         position: static;
    2224       }
    2225     }
    2226     .button-pos-center {
    2227       .weltpixel-quickview.weltpixel_quickview_button_v2 {
    2228         width: 40px;
    2229         height: 40px;
    2230         background-color: rgba(255,255,255,1) !important;
    2231         border: 1px solid rgba(231,231,231,1);
    2232         border-radius: 50% 50% 50% 50%;
    2233         color: #222529;
    2234         line-height: 1.8;
    2235         visibility: visible;
    2236         opacity: 1;
    2237         transition: transform 0.3s,opacity 0.3s,background-color 0.3s,border-color 0.3s,color 0.3s;
    2238         &::before {
    2239           content: '\E884';
    2240           font-family: 'porto-icons';
    2241           display: block;
    2242           font-size: 22px;
    2243           -webkit-font-smoothing: inherit;
    2244         }
    2245         &:hover {
    2246           background-color: rgba(33,37,41,1) !important;
    2247           color: #fff;
    2248           border-color: rgba(33,37,41,1);
    2249         }
    2250       }
    2251       .weltpixel-quickview.weltpixel_quickview_button_v2 {
    2252         left: auto;
    2253         right: -4px;
    2254         bottom: 0;
    2255         padding: 0;
    2256         span {display: none;}
    2257       }
    2258     }
    2259     &.hide-actions {
    2260       .weltpixel-quickview, .product-item-actions {display: none !important;}
    2261     }
    2262   }
    2263   &.type16 {
    2264     &.porto-tb-item .tb-hover-content {
    2265       justify-content: flex-end;
    2266       background-color: rgba(0,113,161,0);
    2267     }
    2268     .product-item-photo {
    2269       margin-bottom: 0;
    2270     }
    2271     .product-item-inner {
    2272       .product-item-actions {
    2273         display: block;
    2274         position: static;
    2275       }
    2276       .actions-primary {
    2277         display: block;
    2278         padding: 0;
    2279         background-color: rgba(33,37,41,1);
    2280         border: none;
    2281         order: 2;
    2282         margin: 0 -15px;
    2283         flex-grow: 1;
    2284         margin-top: 20px;
    2285         .tocart {
    2286           font-size: 13px;
    2287           font-weight: 500;
    2288           text-transform: uppercase;
    2289           line-height: 40px;
    2290           letter-spacing: -.05em;
    2291           text-align: center;
    2292           color: #ffffff;
    2293           background: none;
    2294           border: none;
    2295           width: 100%;
    2296           height: 40px;
    2297           padding: 0;
    2298         }
    2299       }
    2300     }
    2301     &.text-left {
    2302       .product-type-advanced .product-reviews-summary {
    2303         margin-left: 0;
    2304       }
    2305     }
    2306   }
    2307   &.type17 {
    2308     .product-item-inner:not(.button-pos-center) {
    2309       .product-item-actions {
    2310         display: block;
    2311         position: static;
    2312       }
    2313     }
    2314     .sw-dailydeal-wrapper {
    2315       padding: 0 0 10px;
    2316       position: relative;
    2317     }
    2318     .product-item-details .product-item-actions .actions-primary {
    2319       display: block;
    2320     }
    2321     .qty-box {
    2322       display: inline-flex;
    2323       position: relative;
    2324       text-align: left;
    2325       vertical-align: middle;
    2326       margin-right: 7px;
    2327       .qty {
    2328         -moz-appearance: textfield;
    2329         text-align: center;
    2330         width: 2.5em;
    2331         height: 40px;
    2332         padding-left: 0;
    2333         padding-right: 0;
    2334         box-shadow: none;
    2335         border-radius: 0;
    2336         font-family: Poppins,sans-serif;
    2337         color: #222529;
    2338         line-height: 1.42857;
    2339         padding: 8px 0;
    2340         font-size: .85rem;
    2341         font-weight: 600;
    2342         border-color: #e7e7e7;
    2343       }
    2344       .qtyminus, .qtyplus {
    2345         position: relative;
    2346         width: 2em;
    2347         height: 40px;
    2348         line-height: 1;
    2349         border: 1px solid;
    2350         padding: 0;
    2351         outline: none;
    2352         text-indent: -9999px;
    2353         &:before {
    2354           content: '';
    2355           position: absolute;
    2356           left: 50%;
    2357           top: 50%;
    2358           width: 9px;
    2359           border-top: 1px solid;
    2360           margin-top: -.5px;
    2361           margin-left: -4.5px;
    2362         }
    2363       }
    2364       .qtyminus, .qtyplus {
    2365         background: #fff;
    2366         border-color: #e7e7e7;
    2367         &:not(:hover) {
    2368           color: #222529;
    2369         }
    2370       }
    2371       .qtyminus {
    2372         left: 1px;
    2373       }
    2374       .qtyplus {
    2375         left: -2px;
    2376         &:after {
    2377           content: '';
    2378           position: absolute;
    2379           left: 50%;
    2380           top: 50%;
    2381           height: 9px;
    2382           border-left: 1px solid;
    2383           margin-top: -4.5px;
    2384           margin-left: -.5px;
    2385         }
    2386       }
    2387     }
    2388     .actions-center {
    2389       .qty-box {
    2390         align-self: center;
    2391         margin-bottom: 10px;
    2392         margin-right: 0;
    2393       }
    2394     }
    2395     .product-type-advanced .product-item-inner:not(.show-cart-icon) .product-item-actions {
    2396        > .actions-primary .tocart {
    2397         margin: 0;
    2398         width: auto;
    2399       }
    2400       &.actions-center {
    2401         > .actions-primary .tocart {
    2402          padding-right: 32px;
    2403          padding-left: 32px;
    2404        }
    2405       }
    2406     }
    2407     .swatch-attribute:last-child {
    2408         padding-bottom: 15px;
    2409     }
    2410     .swatch-attribute-options {
    2411         justify-content: center;
    2412     }
    2413     .product-item-details.qty-above {
    2414       > * {order: 2;}
    2415       .product-item-inner {order: 1;width: 100%;}
    2416     }
    2417   }
    2418   &.type20 {
    2419     .product-item-inner:not(.button-pos-center) {
    2420       .product-item-actions {
    2421         display: block;
    2422         position: static;
    2423       }
    2424     }
    2425     .sw-dailydeal-wrapper {
    2426       padding: 0 0 10px;
    2427       position: relative;
    2428     }
    2429   }
    2430 }
1145 } 2431 }
1146  2432 
1147 // 2433 //
1148 //    Mobile 2434 //    Mobile
1149 //-------------------------------------- 2435 //--------------------------------------
    2436 @media (min-width: 576px) {
    2437   .product-item-info {
    2438     .product-type-advanced {
    2439       &.effect-cartlink:not(.cartlink-image) {
    2440         .product-item-details:not(.show-cartlink-top) {
    2441           .price-box {
    2442             opacity: 1;
    2443             visibility: visible;
    2444             transition: opacity 0.3s, visibility 0.3s;
    2445             margin-bottom: 0;
    2446           }
    2447           .product-item-inner {
    2448             padding-top: 0px;
    2449             padding-bottom: 0px;
    2450             margin-bottom: 0;
    2451             position: absolute;
    2452             right: 0px;
    2453             left: 0px;
    2454             opacity: 0;
    2455             visibility: hidden;
    2456             transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    2457           }
    2458         }
    2459       }
    2460     }
    2461     &:hover {
    2462       .product-type-advanced {
    2463         &.effect-cartlink:not(.cartlink-image) {
    2464           .product-item-details:not(.show-cartlink-top) {
    2465             .price-box {
    2466               opacity: 0;
    2467               visibility: hidden;
    2468             }
    2469             .product-item-inner {
    2470               opacity: 1;
    2471               visibility: visible;
    2472               transform: translateY(-20px);
    2473             }
    2474           }
    2475         }
    2476       }
    2477     }
    2478   }
    2479 }
1150 @media(min-width:576px) and (max-width:991px){ 2480 @media(min-width:576px) and (max-width:991px){
1151   .products-grid { 2481   .products-grid {
1152     &.columns3, &.columns4, &.columns5 { 2482     &.columns3, &.columns4, &.columns5 {
1153         .product-item { 2483         .product-item {
1154             width: 100%/3; 2484             width: 100%/3;
1155             &.nth-child-2np1{ 2485             &.nth-child-2np1{
1156                 clear: none; 2486                 clear: none;
1157             } 2487             }
1158             &.nth-child-3np1{ 2488             &.nth-child-3np1{
1159                 clear: left; 2489                 clear: left;
1160             } 2490             }
1161         } 2491         }
1162     } 2492     }
1163     &.columns6, &.columns7, &.columns8 { 2493     &.columns6, &.columns7, &.columns8 {
1164         .product-item { 2494         .product-item {
1165             width: 100%/3; 2495             width: 100%/3;
1166             &.nth-child-2np1{ 2496             &.nth-child-2np1{
1167                 clear: none; 2497                 clear: none;
1168             } 2498             }
1169             &.nth-child-3np1{ 2499             &.nth-child-3np1{
1170                 clear: left; 2500                 clear: left;
1171             } 2501             }
1172         } 2502         }
1173     } 2503     }
1174     &.products.grid.flex-grid, &.divider-line { 2504     &.products.grid.flex-grid, &.divider-line {
1175         &.columns3, &.columns4, &.columns5 { 2505         &.columns3, &.columns4, &.columns5 {
1176             .product-item { 2506             .product-item {
1177                 &.nth-child-2np1{ 2507                 &.nth-child-2np1{
1178                     border-left-color: rgba(0,0,0,.09); 2508                     border-left-color: rgba(0,0,0,.09);
1179                 } 2509                 }
1180                 &.nth-child-3np1{ 2510                 &.nth-child-3np1{
1181                     border-left-color: transparent; 2511                     border-left-color: transparent;
1182                 } 2512                 }
1183                 &:nth-child(1), &:nth-child(2), &:nth-child(3) { 2513                 &:nth-child(1), &:nth-child(2), &:nth-child(3) {
1184                     .product-item-info { 2514                     .product-item-info {
1185                         border-top-color: transparent; 2515                         border-top-color: transparent;
1186                     } 2516                     }
1187                 } 2517                 }
1188             } 2518             }
1189         } 2519         }
1190         &.columns6, &.columns7, &.columns8 { 2520         &.columns6, &.columns7, &.columns8 {
1191             .product-item { 2521             .product-item {
1192                 &.nth-child-3np1, &.nth-child-2np1{ 2522                 &.nth-child-3np1, &.nth-child-2np1{
1193                     border-left-color: rgba(0,0,0,.09); 2523                     border-left-color: rgba(0,0,0,.09);
1194                 } 2524                 }
1195                 &.nth-child-5np1{ 2525                 &.nth-child-5np1{
1196                     border-left-color: transparent; 2526                     border-left-color: transparent;
1197                 } 2527                 }
1198                 &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5) { 2528                 &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5) {
1199                     .product-item-info { 2529                     .product-item-info {
1200                         border-top-color: transparent; 2530                         border-top-color: transparent;
1201                     } 2531                     }
1202                 } 2532                 }
1203             } 2533             }
1204         } 2534         }
1205     } 2535     }
1206   } 2536   }
1207 } 2537 }
    2538 @media (min-width: 768px) {
    2539     .porto-posts-grid.filter-vertical {
    2540         display:flex;
    2541     }
    2542 
    2543     .porto-posts-grid.filter-vertical .nav {
    2544         flex-direction: column;
    2545         flex: 0 0 auto;
    2546         width: 20%;
    2547     }
    2548 
    2549     html:not(.rtl) .porto-posts-grid.filter-vertical .sort-source li {
    2550         margin-right: 0!important;
    2551     }
    2552 
    2553     .rtl .porto-posts-grid.filter-vertical .sort-source li {
    2554         margin-left: 0!important;
    2555     }
    2556 
    2557     .porto-posts-grid.filter-vertical .posts-wrap {
    2558         flex: 1;
    2559         width: 80%;
    2560     }
    2561 
    2562     .porto-posts-grid.slider-wrapper .nav {
    2563         padding: 0 10px;
    2564     }
    2565 }
1208 @media(min-width: 992px) { 2566 @media(min-width: 992px) {
1209     .products-grid { 2567     .products-grid {
1210         &.columns6, &.columns7, &.columns8 { 2568         &.columns6, &.columns7, &.columns8 {
1211             .product-item { 2569             .product-item {
1212                 width: 100%/3; 2570                 width: 100%/3;
1213  2571 
1214                 &.nth-child-2np1{ 2572                 &.nth-child-2np1{
1215                     clear: none; 2573                     clear: none;
1216                 } 2574                 }
1217                 &.nth-child-3np1{ 2575                 &.nth-child-3np1{
1218                     clear: left; 2576                     clear: left;
1219                 } 2577                 }
1220             } 2578             }
1221         } 2579         }
1222         &.products.grid.flex-grid, &.divider-line { 2580         &.products.grid.flex-grid, &.divider-line {
1223             &.columns3, &.columns4, &.columns5 { 2581             &.columns3, &.columns4, &.columns5 {
1224                 .product-item { 2582                 .product-item {
1225                     &.nth-child-2np1{ 2583                     &.nth-child-2np1{
1226                         border-left-color: transparent; 2584                         border-left-color: transparent;
1227                     } 2585                     }
1228                     &:nth-child(1), &:nth-child(2) { 2586                     &:nth-child(1), &:nth-child(2) {
1229                         .product-item-info { 2587                         .product-item-info {
1230                             border-top-color: transparent; 2588                             border-top-color: transparent;
1231                         } 2589                         }
1232                     } 2590                     }
1233                 } 2591                 }
1234             } 2592             }
1235             &.columns6, &.columns7, &.columns8 { 2593             &.columns6, &.columns7, &.columns8 {
1236                 .product-item { 2594                 .product-item {
1237                     &.nth-child-2np1{ 2595                     &.nth-child-2np1{
1238                         border-left-color: rgba(0,0,0,.09); 2596                         border-left-color: rgba(0,0,0,.09);
1239                     } 2597                     }
1240                     &.nth-child-3np1{ 2598                     &.nth-child-3np1{
1241                         border-left-color: transparent; 2599                         border-left-color: transparent;
1242                     } 2600                     }
1243                     &:nth-child(1), &:nth-child(2), &:nth-child(3) { 2601                     &:nth-child(1), &:nth-child(2), &:nth-child(3) {
1244                         .product-item-info { 2602                         .product-item-info {
1245                             border-top-color: transparent; 2603                             border-top-color: transparent;
1246                         } 2604                         }
1247                     } 2605                     }
1248                 } 2606                 }
1249             } 2607             }
1250         } 2608         }
1251     } 2609     }
1252 } 2610 }
    2611 @media(min-width:576px) and (max-width:740px) {
    2612   .product-item-info {
    2613     &.type17 {
    2614       .product-type-advanced {
    2615         .product-item-inner:not(.show-cart-icon) {
    2616           .product-item-actions > .actions-primary .tocart span {
    2617             display: none;
    2618           }
    2619         }
    2620       }
    2621     }
    2622   }
    2623 }
    2624 @media (max-width: 991px) and (min-width:768px) {
    2625     .porto-posts-grid.filter-vertical .nav {
    2626         width: 20%;
    2627     }
    2628 
    2629     .porto-posts-grid.filter-vertical .posts-wrap {
    2630         width: calc(100% - 20%);
    2631     }
    2632 }
    2633 @media (max-width: 575px) {
    2634   .product-item-info {
    2635     &.type17 {
    2636       .qty-box {
    2637         align-self: center;
    2638         margin-right: 0;
    2639         margin-bottom: 10px;
    2640       }
    2641     }
    2642   }
    2643 }
1253 .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { 2644 .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
1254     .products-grid { 2645     .products-grid {
1255         &.columns3, &.columns4, &.columns5 { 2646         &.columns3, &.columns4, &.columns5 {
1256             .product-item { 2647             .product-item {
1257                 width: 100%/3; 2648                 width: 100%/3;
1258                 &.nth-child-2np1{ 2649                 &.nth-child-2np1{
1259                     clear: none; 2650                     clear: none;
1260                 } 2651                 }
1261                 &.nth-child-3np1{ 2652                 &.nth-child-3np1{
1262                     clear: left; 2653                     clear: left;
1263                 } 2654                 }
1264             } 2655             }
1265         } 2656         }
1266         &.columns6, &.columns7, &.columns8 { 2657         &.columns6, &.columns7, &.columns8 {
1267             .product-item { 2658             .product-item {
1268                 width: 100%/5; 2659                 width: 100%/5;
1269                 &.nth-child-3np1, &.nth-child-2np1{ 2660                 &.nth-child-3np1, &.nth-child-2np1{
1270                     clear: none; 2661                     clear: none;
1271                 } 2662                 }
1272                 &.nth-child-5np1{ 2663                 &.nth-child-5np1{
1273                     clear: left; 2664                     clear: left;
1274                 } 2665                 }
1275             } 2666             }
1276         } 2667         }
1277         &.products.grid.flex-grid, &.divider-line { 2668         &.products.grid.flex-grid, &.divider-line {
1278             &.columns3, &.columns4, &.columns5 { 2669             &.columns3, &.columns4, &.columns5 {
1279                 .product-item { 2670                 .product-item {
1280                     &.nth-child-2np1{ 2671                     &.nth-child-2np1{
1281                         border-left-color: rgba(0,0,0,.09); 2672                         border-left-color: rgba(0,0,0,.09);
1282                     } 2673                     }
1283                     &.nth-child-3np1{ 2674                     &.nth-child-3np1{
1284                         border-left-color: transparent; 2675                         border-left-color: transparent;
1285                     } 2676                     }
1286                     &:nth-child(1), &:nth-child(2), &:nth-child(3) { 2677                     &:nth-child(1), &:nth-child(2), &:nth-child(3) {
1287                         .product-item-info { 2678                         .product-item-info {
1288                             border-top-color: transparent; 2679                             border-top-color: transparent;
1289                         } 2680                         }
1290                     } 2681                     }
1291                 } 2682                 }
1292             } 2683             }
1293             &.columns6, &.columns7, &.columns8 { 2684             &.columns6, &.columns7, &.columns8 {
1294                 .product-item { 2685                 .product-item {
1295                     &.nth-child-3np1, &.nth-child-2np1{ 2686                     &.nth-child-3np1, &.nth-child-2np1{
1296                         border-left-color: rgba(0,0,0,.09); 2687                         border-left-color: rgba(0,0,0,.09);
1297                     } 2688                     }
1298                     &.nth-child-5np1{ 2689                     &.nth-child-5np1{
1299                         border-left-color: transparent; 2690                         border-left-color: transparent;
1300                     } 2691                     }
1301                     &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5) { 2692                     &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5) {
1302                         .product-item-info { 2693                         .product-item-info {
1303                             border-top-color: transparent; 2694                             border-top-color: transparent;
1304                         } 2695                         }
1305                     } 2696                     }
1306                 } 2697                 }
1307             } 2698             }
1308         } 2699         }
1309     } 2700     }
1310 } 2701 }
1311 .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__xl) { 2702 .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__xl) {
1312     .products-grid { 2703     .products-grid {
1313         &.columns3 { 2704         &.columns3 {
1314             .product-item { 2705             .product-item {
1315                 width: 100%/3; 2706                 width: 100%/3;
1316                 &.nth-child-2np1{ 2707                 &.nth-child-2np1{
1317                     clear: none; 2708                     clear: none;
1318                 } 2709                 }
1319                 &.nth-child-3np1{ 2710                 &.nth-child-3np1{
1320                     clear: left; 2711                     clear: left;
1321                 } 2712                 }
1322             } 2713             }
1323         } 2714         }
1324         &.columns4 { 2715         &.columns4 {
1325             .product-item{ 2716             .product-item{
1326                 width: 100%/4; 2717                 width: 100%/4;
1327                 &.nth-child-2np1, &.nth-child-3np1{ 2718                 &.nth-child-2np1, &.nth-child-3np1{
1328                     clear: none; 2719                     clear: none;
1329                 } 2720                 }
1330                 &.nth-child-4np1{ 2721                 &.nth-child-4np1{
1331                     clear: left; 2722                     clear: left;
1332                 } 2723                 }
1333             } 2724             }
1334         } 2725         }
1335         &.columns5 { 2726         &.columns5 {
1336             .product-item{ 2727             .product-item{
1337                 width: 100%/5; 2728                 width: 100%/5;
1338                 &.nth-child-2np1, &.nth-child-3np1{ 2729                 &.nth-child-2np1, &.nth-child-3np1{
1339                     clear: none; 2730                     clear: none;
1340                 } 2731                 }
1341                 &.nth-child-5np1{ 2732                 &.nth-child-5np1{
1342                     clear: left; 2733                     clear: left;
1343                 } 2734                 }
1344             } 2735             }
1345         } 2736         }
1346         &.columns6 { 2737         &.columns6 {
1347             .product-item { 2738             .product-item {
1348                 width: 100%/6; 2739                 width: 100%/6;
1349                 &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{ 2740                 &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{
1350                     clear: none; 2741                     clear: none;
1351                 } 2742                 }
1352                 &.nth-child-6np1{ 2743                 &.nth-child-6np1{
1353                     clear: left; 2744                     clear: left;
1354                 } 2745                 }
1355             } 2746             }
1356         } 2747         }
1357         &.columns7 { 2748         &.columns7 {
1358             .product-item { 2749             .product-item {
1359                 width: 100%/7; 2750                 width: 100%/7;
1360                 &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{ 2751                 &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{
1361                     clear: none; 2752                     clear: none;
1362                 } 2753                 }
1363                 &.nth-child-7np1 { 2754                 &.nth-child-7np1 {
1364                     clear: left; 2755                     clear: left;
1365                 } 2756                 }
1366             } 2757             }
1367         } 2758         }
1368         .columns8 { 2759         .columns8 {
1369             .product-item{ 2760             .product-item{
1370                 width: 100%/8; 2761                 width: 100%/8;
1371                 &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{ 2762                 &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{
1372                     clear: none; 2763                     clear: none;
1373                 } 2764                 }
1374                 &.nth-child-8np1 { 2765                 &.nth-child-8np1 {
1375                     clear: left; 2766                     clear: left;
1376                 } 2767                 }
1377             } 2768             }
1378         } 2769         }
1379         &.products.grid.flex-grid, &.divider-line { 2770         &.products.grid.flex-grid, &.divider-line {
1380             &.columns3 { 2771             &.columns3 {
1381                 .product-item { 2772                 .product-item {
1382                     &.nth-child-2np1{ 2773                     &.nth-child-2np1{
1383                         border-left-color: rgba(0,0,0,.09); 2774                         border-left-color: rgba(0,0,0,.09);
1384                     } 2775                     }
1385                     &.nth-child-3np1{ 2776                     &.nth-child-3np1{
1386                         border-left-color: transparent; 2777                         border-left-color: transparent;
1387                     } 2778                     }
1388                     &:nth-child(1), &:nth-child(2), &:nth-child(3) { 2779                     &:nth-child(1), &:nth-child(2), &:nth-child(3) {
1389                         .product-item-info { 2780                         .product-item-info {
1390                             border-top-color: transparent; 2781                             border-top-color: transparent;
1391                         } 2782                         }
1392                     } 2783                     }
1393                 } 2784                 }
1394             } 2785             }
1395             &.columns4 { 2786             &.columns4 {
1396                 .product-item{ 2787                 .product-item{
1397                     &.nth-child-2np1, &.nth-child-3np1{ 2788                     &.nth-child-2np1, &.nth-child-3np1{
1398                         border-left-color: rgba(0,0,0,.09); 2789                         border-left-color: rgba(0,0,0,.09);
1399                     } 2790                     }
1400                     &.nth-child-4np1{ 2791                     &.nth-child-4np1{
1401                         border-left-color: transparent; 2792                         border-left-color: transparent;
1402                     } 2793                     }
1403                     &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4) { 2794                     &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4) {
1404                         .product-item-info { 2795                         .product-item-info {
1405                             border-top-color: transparent; 2796                             border-top-color: transparent;
1406                         } 2797                         }
1407                     } 2798                     }
1408                 } 2799                 }
1409             } 2800             }
1410             &.columns5 { 2801             &.columns5 {
1411                 .product-item{ 2802                 .product-item{
1412                     &.nth-child-2np1, &.nth-child-3np1{ 2803                     &.nth-child-2np1, &.nth-child-3np1{
1413                         border-left-color: rgba(0,0,0,.09); 2804                         border-left-color: rgba(0,0,0,.09);
1414                     } 2805                     }
1415                     &.nth-child-5np1{ 2806                     &.nth-child-5np1{
1416                         border-left-color: transparent; 2807                         border-left-color: transparent;
1417                     } 2808                     }
1418                     &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5) { 2809                     &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5) {
1419                         .product-item-info { 2810                         .product-item-info {
1420                             border-top-color: transparent; 2811                             border-top-color: transparent;
1421                         } 2812                         }
1422                     } 2813                     }
1423                 } 2814                 }
1424             } 2815             }
1425             &.columns6 { 2816             &.columns6 {
1426                 .product-item { 2817                 .product-item {
1427                     &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{ 2818                     &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{
1428                         border-left-color: rgba(0,0,0,.09); 2819                         border-left-color: rgba(0,0,0,.09);
1429                     } 2820                     }
1430                     &.nth-child-6np1{ 2821                     &.nth-child-6np1{
1431                         border-left-color: transparent; 2822                         border-left-color: transparent;
1432                     } 2823                     }
1433                     &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5), &:nth-child(6) { 2824                     &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5), &:nth-child(6) {
1434                         .product-item-info { 2825                         .product-item-info {
1435                             border-top-color: transparent; 2826                             border-top-color: transparent;
1436                         } 2827                         }
1437                     } 2828                     }
1438                 } 2829                 }
1439             } 2830             }
1440             &.columns7 { 2831             &.columns7 {
1441                 .product-item { 2832                 .product-item {
1442                     &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{ 2833                     &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{
1443                         border-left-color: rgba(0,0,0,.09); 2834                         border-left-color: rgba(0,0,0,.09);
1444                     } 2835                     }
1445                     &.nth-child-7np1 { 2836                     &.nth-child-7np1 {
1446                         border-left-color: transparent; 2837                         border-left-color: transparent;
1447                     } 2838                     }
1448                     &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5), &:nth-child(6), &:nth-child(7) { 2839                     &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5), &:nth-child(6), &:nth-child(7) {
1449                         .product-item-info { 2840                         .product-item-info {
1450                             border-top-color: transparent; 2841                             border-top-color: transparent;
1451                         } 2842                         }
1452                     } 2843                     }
1453                 } 2844                 }
1454             } 2845             }
1455             .columns8 { 2846             .columns8 {
1456                 .product-item{ 2847                 .product-item{
1457                     &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{ 2848                     &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{
1458                         border-left-color: rgba(0,0,0,.09); 2849                         border-left-color: rgba(0,0,0,.09);
1459                     } 2850                     }
1460                     &.nth-child-8np1 { 2851                     &.nth-child-8np1 {
1461                         border-left-color: transparent; 2852                         border-left-color: transparent;
1462                     } 2853                     }
1463                     &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5), &:nth-child(6), &:nth-child(7), &:nth-child(8) { 2854                     &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5), &:nth-child(6), &:nth-child(7), &:nth-child(8) {
1464                         .product-item-info { 2855                         .product-item-info {
1465                             border-top-color: transparent; 2856                             border-top-color: transparent;
1466                         } 2857                         }
1467                     } 2858                     }
1468                 } 2859                 }
1469             } 2860             }
1470         } 2861         }
1471     } 2862     }
1472 } 2863 }
1473 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { 2864 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {
1474     .products-list { 2865     .products-list {
1475         .product { 2866         .product {
1476             &-item { 2867             &-item {
1477                 &-photo { 2868                 &-photo {
1478                     width: 100%; 2869                     width: 100%;
1479                     padding: 0; 2870                     padding: 0;
1480                     display: block; 2871                     display: block;
1481                 } 2872                 }
1482                 &-details { 2873                 &-details {
1483                     display: block; 2874                     display: block;
1484                 } 2875                 }
1485             } 2876             }
1486         } 2877         }
1487     } 2878     }
1488 } 2879 }
1489 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) { 2880 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) {
1490     .products-grid { 2881     .products-grid {
1491         .product-item-info { 2882         .product-item-info {
1492             .product-item-details { 2883             .product-item-details {
1493                 .product-item-actions { 2884                 .product-item-actions {
1494                     .actions-secondary { 2885                     .actions-secondary {
1495                         display: none; 2886                         display: none;
1496                     } 2887                     }
1497                 } 2888                 }
1498             } 2889             }
1499         } 2890         }
1500     } 2891     }
1501 } 2892 }